@extends('eliteadmin::layouts.app')

@section('title', 'Edit Customer')

@section('content')
    <div class="page-header">
        <div>
            <h1 class="page-title">Edit Customer</h1>
            <nav class="breadcrumb">
                <a href="{{ route('staff.index', ['tab' => 'customers']) }}" class="breadcrumb-item">Customers</a>
                <span class="breadcrumb-item active">{{ $customer->name }}</span>
            </nav>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <form action="{{ route('customers.update', $customer) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="row g-3">
                    <div class="col-md-6">
                        <label for="name" class="form-label">Full Name</label>
                        <input type="text" name="name" id="name" class="form-control @error('name') is-invalid @enderror"
                               value="{{ old('name', $customer->name) }}" required>
                        @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-md-6">
                        <label for="email" class="form-label">Email</label>
                        <input type="email" name="email" id="email" class="form-control @error('email') is-invalid @enderror"
                               value="{{ old('email', $customer->email) }}" required>
                        @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-md-6">
                        <label for="status" class="form-label">Account status</label>
                        <select name="status" id="status" class="form-select @error('status') is-invalid @enderror" required>
                            @foreach (\App\Enums\UserStatus::cases() as $status)
                                <option value="{{ $status->value }}" @selected(old('status', $customer->status->value) === $status->value)>
                                    {{ $status === \App\Enums\UserStatus::Active ? 'Active' : 'Inactive' }}
                                </option>
                            @endforeach
                        </select>
                        <div class="form-text">Inactive customers cannot sign in or use the customer portal.</div>
                        @error('status')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-12">
                        <label class="form-label">Roles &amp; module access</label>
                        <p class="text-muted small">Assign roles to control which modules this customer can open. Edit the <strong>Customer</strong> role under Roles to set default module permissions for all customers.</p>
                        <div class="row g-2">
                            @foreach ($roles as $role)
                                <div class="col-md-4">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="roles[]" id="role_{{ $role->id }}"
                                               value="{{ $role->name }}"
                                               @checked(in_array($role->name, old('roles', $customer->roles->pluck('name')->all()), true))>
                                        <label class="form-check-label" for="role_{{ $role->id }}">{{ $role->name }}</label>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        @error('roles')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
                    </div>
                </div>

                <div class="d-flex justify-content-between mt-4">
                    <a href="{{ route('staff.index', ['tab' => 'customers']) }}" class="btn btn-outline-secondary">Cancel</a>
                    <button type="submit" class="btn btn-primary">Save Customer</button>
                </div>
            </form>
        </div>
    </div>
@endsection