@extends('layouts.admin')

@section('title', $customer->exists ? 'Edit Customer' : 'Add Customer')
@section('page_title', $customer->exists ? 'Edit Customer' : 'Add Customer')

@section('content')
<div class="kt-card max-w-2xl">
    <form class="kt-card-content flex flex-col gap-4" method="POST"
          action="{{ $customer->exists ? route('admin.customers.update', $customer) : route('admin.customers.store') }}">
        @csrf
        @if($customer->exists) @method('PUT') @endif

        <div class="flex flex-col gap-1">
            <label class="kt-form-label">Full name</label>
            <input class="kt-input" name="name" value="{{ old('name', $customer->name) }}" required>
        </div>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div class="flex flex-col gap-1">
                <label class="kt-form-label">Email</label>
                <input class="kt-input" type="email" name="email" value="{{ old('email', $customer->email) }}" required>
            </div>
            <div class="flex flex-col gap-1">
                <label class="kt-form-label">Phone</label>
                <input class="kt-input" name="phone" value="{{ old('phone', $customer->phone) }}">
            </div>
        </div>
        <div class="flex flex-col gap-1">
            <label class="kt-form-label">Role</label>
            <select class="kt-select" name="role">
                <option value="customer" @selected(old('role', $customer->role ?: 'customer')==='customer')>Customer</option>
                <option value="admin" @selected(old('role', $customer->role)==='admin')>Admin</option>
            </select>
        </div>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div class="flex flex-col gap-1">
                <label class="kt-form-label">{{ $customer->exists ? 'New password' : 'Password' }}</label>
                <input class="kt-input" type="password" name="password" {{ $customer->exists ? '' : 'required' }}>
            </div>
            <div class="flex flex-col gap-1">
                <label class="kt-form-label">Confirm password</label>
                <input class="kt-input" type="password" name="password_confirmation" {{ $customer->exists ? '' : 'required' }}>
            </div>
        </div>
        @if($customer->exists)
            <p class="text-xs text-secondary-foreground">Leave the password blank to keep the current one.</p>
        @endif
        <div class="flex gap-2">
            <button class="kt-btn kt-btn-primary" type="submit">Save</button>
            <a href="{{ $customer->exists ? route('admin.customers.show', $customer) : route('admin.customers.index') }}" class="kt-btn kt-btn-light">Cancel</a>
        </div>
    </form>
</div>
@endsection