@extends('layouts/admin')

@section('content')
    <div class="row justify-content-center">
        <div class="col col-md-6">
            <div class="card shadow">
                <div class="card-header">
                    <h5 class="card-title h5">Sub Area Form</h5>
                </div>
                <div class="card-body">
                    <form method="post" action="{{ route('admin.sub_area.save') }}">
                        @csrf
                        <input type="hidden" name="id" value="{{ @$edit->id }}">
                        <div class="form-group mb-3">
                            <label for="area_id" class="form-label">Area</label>
                            <select name="area_id" required class="form-select" id="area_id">
                                <option value="">Pilih</option>
                                @foreach ($area as $item)
                                    <option value="{{ $item->id }}" @if ($item->id == @$edit->area_id) selected @endif>
                                        {{ $item->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group mb-3">
                            <label for="name" class="form-label">Nama sub area</label>
                            <input type="text" name="name" required class="form-control" autocomplete="off"
                                id="name" value="{{ @$edit->name }}" />
                        </div>
                        <div class="form-group mb-3">
                            <label for="info" class="form-label">Keterangan</label>
                            <textarea name="info" class="form-control" id="info" rows="5">{{ @$edit->info }}</textarea>
                        </div>
                        <div class="form-group text-end">
                            <a href="{{ route('admin.area') }}" class="btn btn-warning me-2">Back</a>
                            <button class="btn btn-success" type="submit">Submit</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection


@push('scripts')
@endpush