@extends('layouts.app')

@section('title', __('Add Laundry'))
@section('page_heading', __('Add Laundry'))

@section('content')
@include('layouts.partials.workspace-page-styles')

<div class="workspace-shell">
    <div class="workspace-body">
        <div class="collection-card__header">
            <div class="collection-card__intro">
                <span class="collection-card__icon"><i class="fa-solid fa-droplet"></i></span>
                <div class="collection-card__title">
                    <h2>{{ __('Add Laundry') }}</h2>
                    <p>{{ __('dashboard.create_laundry_desc') }}</p>
                </div>
            </div>
            <a href="{{ route('dashboard.laundries.index') }}" class="app-btn app-btn--secondary app-btn--sm">
                <i class="fa-solid fa-arrow-right"></i> {{ __('dashboard.sidebar_laundries') }}
            </a>
        </div>

        <form action="{{ route('dashboard.laundries.store') }}" method="POST" class="mt-4">
            @csrf

            <div class="app-grid g-4">
                <div class="md:col-span-6">
                    <label class="app-label font-bold required">{{ __('Laundry Name') }}</label>
                    <input type="text" name="name" class="app-input @error('name') app-input--invalid @enderror" value="{{ old('name') }}" placeholder="مثال: مغسلة البخار السريع" required>
                    @error('name')<div class="app-field-error">{{ $message }}</div>@enderror
                </div>

                <div class="md:col-span-6 flex items-end">
                    <div class="app-check app-check--switch">
                        <input class="app-check__input" type="checkbox" name="is_default" value="1" id="is_default_switch" {{ old('is_default') ? 'checked' : '' }}>
                        <label class="app-check__label font-bold" for="is_default_switch">{{ __('Set as default Laundry') }}</label>
                        <div class="text-slate-500 dark:text-slate-400" style="font-size:.78rem">سيتم اختيارها تلقائيًا في العمليات الجديدة.</div>
                    </div>
                </div>
            </div>

            <div class="flex justify-end gap-2 mt-5">
                <a href="{{ route('dashboard.laundries.index') }}" class="app-btn app-btn--secondary">{{ __('Cancel') }}</a>
                <button type="submit" class="app-btn app-btn--primary">{{ __('Save') }}</button>
            </div>
        </form>
    </div>
</div>
@endsection