@extends('admin.layouts.master')

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

@section('content')
<div class="card">

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

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

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

            @csrf
            @method('PUT')

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

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

                @error('state_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 @error('status') is-invalid @enderror">

                    <option value="1"
                        {{ old('status',$state->status) == 1 ? 'selected' : '' }}>
                        Active
                    </option>

                    <option value="0"
                        {{ old('status',$state->status) == 0 ? 'selected' : '' }}>
                        Inactive
                    </option>

                </select>

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

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

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

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

                    Update State

                </button>

            </div>

        </form>

    </div>

</div>
@endsection

@section('scripts')
<script>
function confirmUpdateState() {

    Swal.fire({
        text: "Are you sure you want to update this state?",
        icon: "question",
        showCancelButton: true,
        buttonsStyling: false,
        confirmButtonText: "Yes, Update It!",
        cancelButtonText: "No, Cancel",
        customClass: {
            confirmButton: "btn fw-bold btn-primary",
            cancelButton: "btn fw-bold btn-active-light-primary"
        }
    }).then(function(result) {

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

    });

}
</script>
@endsection