@extends('layouts.app')

@section('content')
    <div class="px-3">
        <div class="col-xxl-6 offset-xxl-2">
            <h4 class="mb-4">Редактирование района</h4>

            @if(session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Закрыть"></button>
                </div>
            @endif

            @if(session('error'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    {{ session('error') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Закрыть"></button>
                </div>
            @endif

            <form action="{{ route('admin.area.store') }}" method="post">
                @csrf
                <input type="hidden" name="id" value="{{ $area->id }}">

                @include('partials.input', [
                    'name' => 'name',
                    'title' => 'Название',
                    'required' => true,
                    'value' => $area->name ?? '',
                ])
                @include('partials.select', [
                    'name' => 'district_id',
                    'title' => 'Округ',
                    'options' => $districts,
                    'value' => $area->district_id,
                    'required' => true,
                ])

                @if(!is_null($area->deleted_at))
                    <div class="col-12 text-center mb-3">
                        <div class="text-danger mb-2">РАЙОН УДАЛЁН!</div>
                        <a href="#" class="btn btn-sm btn-warning undelete">Восстановить</a>
                    </div>
                @else
                    @include('partials.submit', ['delete' => ['form_id' => 'delete-area']])
                @endif
            </form>

            <form action="{{ route('admin.area.undelete', $area->id) }}" method="post" class="d-none" id="undelete-area">
                @csrf
            </form>

            <form action="{{ route('admin.area.destroy', $area->id) }}" method="post" class="d-none" id="delete-area">
                @method('DELETE')
                @csrf
            </form>

            <div class="mt-3">
                <a href="{{ route('admin.area.index') }}" class="btn btn-sm btn-outline-secondary">
                    &larr; Назад к списку
                </a>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script type="module">
        $('.undelete').on('click', function (e) {
            e.preventDefault();
            if (confirm('Восстановить район?')) {
                $('#undelete-area').submit();
            }
        });
    </script>
@endpush