@csrf

<div class="row mb-3">
    <div class="col">
        <label for="flag" class="form-label">Flag</label><br />
        <img src="{{ $state->getFlagPhotoUrl() }}" class="img-fluid mb-1" alt="Flag Photo" />
        <input class="form-control @error('flag') is-invalid @enderror"
            name="flag"
            id="flag"
            type="file"
        />
        @error('flag') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>
</div>

<div class="row mb-3">
    <div class="col">
        <div class="form-group">
            <label for="name">Name</label>
            <input type="text"
                name="name"
                id="name"
                class="form-control @error('name') is-invalid @enderror"
                value="{{ old('name', $state->name) }}"
            />
            @error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror
        </div>
    </div>
</div>

<div class="row mb-3">
    <div class="col">
        <div class="form-group">
            <label for="abbreviation">Abbreviation</label>
            <input type="text"
                name="abbreviation"
                id="abbreviation"
                class="form-control @error('abbreviation') is-invalid @enderror"
                value="{{ old('abbreviation', $state->abbreviation) }}"
            />
            @error('abbreviation') <div class="invalid-feedback">{{ $message }}</div> @enderror
        </div>
    </div>
</div>

<div class="row mb-3">
    <div class="col">
        <div class="form-group">
            <label for="tax_rate">Tax Rate</label>
            <input type="text"
                name="tax_rate"
                id="tax_rate"
                class="form-control @error('tax_rate') is-invalid @enderror"
                value="{{ old('tax_rate', $state->tax_rate) }}"
            />
            @error('tax_rate') <div class="invalid-feedback">{{ $message }}</div> @enderror
        </div>
    </div>
</div>

<div class="row mb-3">
    <div class="col">
        <div class="form-group">
            <label for="is_taxable">Is Taxable?</label>
            <select name="is_taxable" id="is_taxable" class="form-select">
                <option value="0">No</option>
            </select>
            @error('is_taxable') <div class="invalid-feedback">{{ $message }}</div> @enderror
        </div>
    </div>
</div>

<div class="row mb-3">
    <div class="col">
        <div class="form-group">
            <label for="population">Population</label>
            <input type="text"
                name="population"
                id="population"
                class="form-control @error('population') is-invalid @enderror"
                value="{{ old('population', $state->population) }}"
            />
            @error('population') <div class="invalid-feedback">{{ $message }}</div> @enderror
        </div>
    </div>
</div>

<div class="row mb-5">
    <div class="col">
        <button type="submit" class="btn btn-primary">Save State</button>
        @if($state->id)
            <a href="{{ route('admin.states.show', $state->id) }}" class="btn btn-outline-dark">Cancel</a>
        @else
            <a href="{{ route('admin.states.index') }}" class="btn btn-outline-dark">Cancel</a>
        @endif
    </div>
</div>

@push('scripts')
    <script>
        $(document).on('click', '#removeFlagButton', function(event) {
            event.preventDefault();

            // Sweet Alert

            // Ajax call
            // Toast
            // Rerender
        });
    </script>
@endpush