@extends('layouts.master')
@section('title') Edit Branch @endsection

@section('content')
    @php
        $oldCountry = old('region', $branch->countrys->id ?? null);
        $oldState = old('state', $branch->states->id ?? null);
        $oldCity = old('city', $branch->citys->id ?? null);

        $countries = \App\Models\Country::all();
        $states = \App\Models\State::where('country_id', $oldCountry)->get();
        $cities = \App\Models\City::where('state_id', $oldState)->get();
    @endphp

    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet" />

    <div class="row">
        <div class="col-12">
            <form action="{{ route('branch.update', $branch->id) }}" method="POST">
                @csrf
                @method('PUT')
                <input type="hidden" name="id" value="{{ $branch->id }}">

                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">
                            <i class="fas fa-edit me-2"></i>Edit Branch - {{ $branch->branch_name }}
                        </h4>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            {{-- Tenant Selection --}}
                            <div class="col-md-6 mb-3">
                                <div class="form-floating">
                                    <select class="form-select @error('tenant_id') is-invalid @enderror" id="tenant_id" name="tenant_id" required>
                                        <option value="">Select Tenant</option>
                                        @foreach($tenants as $tenant)
                                            <option value="{{ $tenant->id }}"
                                                {{ old('tenant_id', $branch->tenant_id) == $tenant->id ? 'selected' : '' }}>
                                                {{ $tenant->tenant_name }} ({{ $tenant->tenant_type }})
                                            </option>
                                        @endforeach
                                    </select>
                                    <label for="tenant_id"><i class="fas fa-building me-1"></i>Tenant *</label>
                                    @error('tenant_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            {{-- Branch Name --}}
                            <div class="col-md-6 mb-3">
                                <div class="form-floating">
                                    <input type="text" class="form-control @error('branch_name') is-invalid @enderror"
                                        id="branch_name" name="branch_name"
                                        value="{{ old('branch_name', $branch->branch_name) }}"
                                        placeholder="Enter branch name" required>
                                    <label for="branch_name"><i class="fas fa-code-branch me-1"></i>Branch Name *</label>
                                    @error('branch_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            {{-- Branch Address --}}
                            <div class="col-md-12 mb-3">
                                <div class="form-floating">
                                    <textarea class="form-control @error('branch_address') is-invalid @enderror"
                                        id="branch_address" name="branch_address"
                                        placeholder="Enter branch address"
                                        style="height: 100px" required>{{ old('branch_address', $branch->branch_address) }}</textarea>
                                    <label for="branch_address"><i class="fas fa-map-marker-alt me-1"></i>Branch Address *</label>
                                    @error('branch_address')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            {{-- Contact Information --}}
                            <div class="col-md-4 mb-3">
                                <div class="form-floating">
                                    <input type="text" class="form-control @error('branch_contact_name') is-invalid @enderror"
                                        id="branch_contact_name" name="branch_contact_name"
                                        value="{{ old('branch_contact_name', $branch->branch_contact_name) }}"
                                        placeholder="Enter contact name" required>
                                    <label for="branch_contact_name"><i class="fas fa-user me-1"></i>Contact Name *</label>
                                    @error('branch_contact_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-4 mb-3">
                                <div class="form-floating">
                                    <input type="tel" class="form-control @error('branch_contact_phone') is-invalid @enderror"
                                        id="branch_contact_phone" name="branch_contact_phone"
                                        value="{{ old('branch_contact_phone', $branch->branch_contact_phone) }}"
                                        placeholder="Enter phone number" pattern="[0-9]{10}" maxlength="10" required>
                                    <label for="branch_contact_phone"><i class="fas fa-phone me-1"></i>Contact Phone *</label>
                                    @error('branch_contact_phone')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-4 mb-3">
                                <div class="form-floating">
                                    <input type="email" class="form-control @error('branch_contact_email') is-invalid @enderror"
                                        id="branch_contact_email" name="branch_contact_email"
                                        value="{{ old('branch_contact_email', $branch->branch_contact_email) }}"
                                        placeholder="Enter email address" required>
                                    <label for="branch_contact_email"><i class="fas fa-envelope me-1"></i>Contact Email *</label>
                                    @error('branch_contact_email')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            {{-- Location Details --}}
                            <div class="col-md-12 mb-3">
                                <div class="form-floating">
                                    <input type="text" class="form-control @error('location') is-invalid @enderror"
                                        id="location" name="location"
                                        value="{{ old('location', $branch->location) }}"
                                        placeholder="Enter location details" required>
                                    <label for="location"><i class="fas fa-location-arrow me-1"></i>Location Details *</label>
                                    @error('location')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            {{-- Country --}}
                            <div class="col-md-4 mb-3">
                                <div class="form-floating">
                                    <select name="region" id="country" class="form-select @error('region') is-invalid @enderror" required>
                                        <option value="">-- Select Country --</option>
                                        @foreach ($countries as $country)
                                            <option value="{{ $country->id }}"
                                                {{ $oldCountry == $country->id ? 'selected' : '' }}>
                                                {{ $country->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <label for="country"><i class="fas fa-globe me-1"></i>Country *</label>
                                    @error('region')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            {{-- State --}}
                            <div class="col-md-4 mb-3">
                                <div class="form-floating">
                                    <select name="state" id="state" class="form-select @error('state') is-invalid @enderror" required>
                                        <option value="">-- Select State --</option>
                                        @foreach ($states as $state)
                                            <option value="{{ $state->id }}"
                                                {{ $oldState == $state->id ? 'selected' : '' }}>
                                                {{ $state->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <label for="state"><i class="fas fa-map me-1"></i>State *</label>
                                    @error('state')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            {{-- City --}}
                            <div class="col-md-4 mb-3">
                                <div class="form-floating">
                                    <select name="city" id="city" class="form-select @error('city') is-invalid @enderror" required>
                                        <option value="">-- Select City --</option>
                                        @foreach ($cities as $city)
                                            <option value="{{ $city->id }}"
                                                {{ $oldCity == $city->id ? 'selected' : '' }}>
                                                {{ $city->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <label for="city"><i class="fas fa-city me-1"></i>City *</label>
                                    @error('city')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            {{-- Features --}}
                            <div class="col-md-6 mb-3">
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" id="reservation" name="reservation"
                                        {{ old('reservation', $branch->reservation_enabled) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="reservation">
                                        <i class="fas fa-calendar-check me-1"></i>Reservation Enabled
                                    </label>
                                </div>
                            </div>

                            <div class="col-md-6 mb-3">
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" id="advanced_seating" name="advanced_seating"
                                        {{ old('advanced_seating', $branch->advanced_seating_enabled) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="advanced_seating">
                                        <i class="fas fa-chair me-1"></i>Advanced Seating Enabled
                                    </label>
                                </div>
                            </div>

                            {{-- Status --}}
                            <div class="col-md-6 mb-3">
                                <div class="form-floating">
                                    <select class="form-select" id="status" name="status">
                                        <option value="active" {{ old('status', $branch->status) == 'active' ? 'selected' : '' }}>Active</option>
                                        <option value="inactive" {{ old('status', $branch->status) == 'inactive' ? 'selected' : '' }}>Inactive</option>
                                    </select>
                                    <label for="status"><i class="fas fa-status me-1"></i>Status</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="d-flex justify-content-between">
                            <a href="{{ route('branch.index') }}" class="btn btn-secondary">
                                <i class="fas fa-arrow-left me-1"></i>Back to List
                            </a>
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save me-1"></i>Update Branch
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>

    <script>
        $(document).ready(function() {
            // Initialize Select2
            $('#tenant_id').select2({
                theme: 'bootstrap-5'
            });

            $('#country').select2({
                theme: 'bootstrap-5'
            });

            $('#state').select2({
                theme: 'bootstrap-5'
            });

            $('#city').select2({
                theme: 'bootstrap-5'
            });

            // Handle country change
            $('#country').on('change', function() {
                var countryID = $(this).val();
                if (countryID) {
                    loadStates(countryID);
                } else {
                    $('#state').empty().append('<option value="">-- Select State --</option>');
                    $('#city').empty().append('<option value="">-- Select City --</option>');
                }
            });

            // Handle state change
            $('#state').on('change', function() {
                var stateID = $(this).val();
                if (stateID) {
                    loadCities(stateID);
                } else {
                    $('#city').empty().append('<option value="">-- Select City --</option>');
                }
            });

            function loadStates(countryID) {
                $('#state').empty().append('<option value="">Loading...</option>');

                $.ajax({
                    url: '{{url('/')}}/get-states/' + countryID,
                    type: 'GET',
                    success: function(data) {
                        $('#state').empty().append('<option value="">-- Select State --</option>');
                        $.each(data, function(key, value) {
                            $('#state').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                        // Restore old value if exists
                        var oldState = '{{ $oldState }}';
                        if (oldState) {
                            $('#state').val(oldState).trigger('change');
                        }
                    }
                });
            }

            function loadCities(stateID) {
                $('#city').empty().append('<option value="">Loading...</option>');

                $.ajax({
                    url: '{{url('/')}}/get-cities/' + stateID,
                    type: 'GET',
                    success: function(data) {
                        $('#city').empty().append('<option value="">-- Select City --</option>');
                        $.each(data, function(key, value) {
                            $('#city').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                        // Restore old value if exists
                        var oldCity = '{{ $oldCity }}';
                        if (oldCity) {
                            $('#city').val(oldCity).trigger('change');
                        }
                    }
                });
            }
        });
    </script>
@endsection