@extends('layouts.admin')
@section('title', 'Tambah Kecamatan')
@section('page-title', 'Tambah Kecamatan')

@section('content')
<div class="page-header">
    <div class="page-header-left">
        <div class="breadcrumb"><a href="{{ route('admin.dashboard') }}">Dashboard</a><span class="breadcrumb-sep">›</span><a href="{{ route('admin.kecamatans.index') }}">Kecamatan</a><span class="breadcrumb-sep">›</span><span>Tambah</span></div>
        <h1 class="page-header-title">Tambah Kecamatan</h1>
    </div>
</div>
<div class="card" style="max-width:480px;">
    <div class="card-body">
        <form method="POST" action="{{ route('admin.kecamatans.store') }}">
            @csrf
            <div class="form-group">
                <label class="form-label">Kode Kecamatan <span class="required">*</span></label>
                <input type="text" name="kode" class="form-control @error('kode') is-invalid @enderror" value="{{ old('kode') }}" placeholder="Contoh: 7202010">
                @error('kode')<span class="invalid-feedback">{{ $message }}</span>@enderror
            </div>
            <div class="form-group">
                <label class="form-label">Nama Kecamatan <span class="required">*</span></label>
                <input type="text" name="nama" class="form-control @error('nama') is-invalid @enderror" value="{{ old('nama') }}" placeholder="Nama kecamatan">
                @error('nama')<span class="invalid-feedback">{{ $message }}</span>@enderror
            </div>
            <div style="display:flex;gap:8px;">
                <button type="submit" class="btn btn-primary">Simpan</button>
                <a href="{{ route('admin.kecamatans.index') }}" class="btn btn-outline">Batal</a>
            </div>
        </form>
    </div>
</div>
@endsection