@extends('layouts.app')

@section('title', __('dashboard.Edit Customer'))
@section('page_heading', __('dashboard.Edit Customer'))


@section('content')
<div style="display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-bottom:1.25rem">
    <a href="{{ route('dashboard.customers.show', $customer->id) }}" class="app-btn app-btn--secondary app-btn--sm">
        <i class="fa-solid fa-eye"></i> عرض الملف
    </a>
    <a href="{{ route('dashboard.customers.index') }}" class="app-btn app-btn--secondary app-btn--sm">
        <i class="fa-solid fa-arrow-right"></i> {{ __('dashboard.Customers') }}
    </a>
</div>

@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-user-gear"></i></span>
                <div class="collection-card__title">
                    <h2>{{ __('dashboard.Edit Customer') }}: {{ $customer->name }}</h2>
                    <p>{{ $customer->phone }}</p>
                </div>
            </div>
        </div>

        <form action="{{ route('dashboard.customers.update', $customer) }}" method="POST" enctype="multipart/form-data" class="mt-4">
            @csrf @method('PATCH')

            <div class="app-grid gap-4">
                <div class="md:col-span-6">
                    <label class="app-label font-bold required">{{ __('dashboard.Name') }}</label>
                    <input type="text" name="name" value="{{ old('name', $customer->name) }}" class="app-input @error('name') app-input--invalid @enderror" required>
                    @error('name')<div class="app-field-error">{{ $message }}</div>@enderror
                </div>

                <div class="md:col-span-6">
                    <label class="app-label font-bold required">{{ __('dashboard.Gender') }}</label>
                    <select name="gender" class="app-input app-select @error('gender') app-input--invalid @enderror" required>
                        <option value="">{{ __('dashboard.Select Gender') }}</option>
                        <option value="male" @selected(old('gender', $customer->gender) === 'male')>{{ __('dashboard.Male') }}</option>
                        <option value="female" @selected(old('gender', $customer->gender) === 'female')>{{ __('dashboard.Female') }}</option>
                    </select>
                    @error('gender')<div class="app-field-error">{{ $message }}</div>@enderror
                </div>

                <div class="md:col-span-6">
                    <label class="app-label font-bold required">{{ __('dashboard.Phone') }}</label>
                    <input type="text" name="phone" value="{{ old('phone', $customer->phone) }}" class="app-input @error('phone') app-input--invalid @enderror" required>
                    @error('phone')<div class="app-field-error">{{ $message }}</div>@enderror
                </div>

                <div class="md:col-span-6">
                    <label class="app-label font-bold">{{ __('dashboard.Other Phone') }}</label>
                    <input type="text" name="other_phone" value="{{ old('other_phone', $customer->other_phone) }}" class="app-input @error('other_phone') app-input--invalid @enderror">
                    @error('other_phone')<div class="app-field-error">{{ $message }}</div>@enderror
                </div>

                <div class="md:col-span-6">
                    <label class="app-label font-bold">{{ __('dashboard.Governorate') }}</label>
                    <input type="text" name="governorate" value="{{ old('governorate', $customer->governorate) }}" class="app-input @error('governorate') app-input--invalid @enderror">
                    @error('governorate')<div class="app-field-error">{{ $message }}</div>@enderror
                </div>

                <div class="md:col-span-6">
                    <label class="app-label font-bold">{{ __('dashboard.Address') }}</label>
                    <input type="text" name="address" value="{{ old('address', $customer->address) }}" class="app-input @error('address') app-input--invalid @enderror">
                    @error('address')<div class="app-field-error">{{ $message }}</div>@enderror
                </div>
            </div>

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