@extends('admin.layouts.master')

@section('title', 'Edit City')
@section('parent_title', 'Dashboard')

@section('content')

<div class="card">

```
<div class="card-header border-0 pt-6">
    <div class="card-title">
        <h2>Edit City</h2>
    </div>
</div>

<div class="card-body pt-0">

    <form id="edit-city-form"
          action="{{ route('admin.cities.update', $city->id) }}"
          method="POST">

        @csrf
        @method('PUT')

        <div class="fv-row mb-7">
            <label class="required fw-bold fs-6 mb-2">
                State
            </label>

            <select name="state_id"
                    class="form-select form-select-solid"
                    required>

                <option value="">Select State</option>

                @foreach($states as $state)
                    <option value="{{ $state->id }}"
                        {{ $city->state_id == $state->id ? 'selected' : '' }}>
                        {{ $state->state_name }}
                    </option>
                @endforeach

            </select>
        </div>

        <div class="fv-row mb-7">
            <label class="required fw-bold fs-6 mb-2">
                City Name
            </label>

            <input type="text"
                   name="city_name"
                   class="form-control form-control-solid @error('city_name') is-invalid @enderror"
                   value="{{ old('city_name', $city->city_name) }}"
                   placeholder="Enter City Name"
                   required>

            @error('city_name')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
            @enderror
        </div>

        <div class="fv-row mb-7">
            <label class="required fw-bold fs-6 mb-2">
                Status
            </label>

            <select name="status"
                    class="form-select form-select-solid">

                <option value="1"
                    {{ $city->status == 1 ? 'selected' : '' }}>
                    Active
                </option>

                <option value="0"
                    {{ $city->status == 0 ? 'selected' : '' }}>
                    Inactive
                </option>

            </select>
        </div>

        <div class="text-center pt-15">

            <a href="{{ route('admin.cities.index') }}"
               class="btn btn-light me-3">
                Back
            </a>

            <button type="button"
                    class="btn btn-primary"
                    onclick="confirmUpdateCity()">

                Update City

            </button>

        </div>

    </form>

</div>
```

</div>
@endsection

@section('scripts')

<script>
function confirmUpdateCity() {

    Swal.fire({
        text: "Are you sure you want to update this city?",
        icon: "question",
        showCancelButton: true,
        confirmButtonText: "Yes, Update It!"
    }).then((result) => {

        if (result.isConfirmed) {
            document.getElementById('edit-city-form').submit();
        }

    });

}
</script>

@endsection