@extends('layouts.app')

@section('subtitle', 'Tambah Penduduk')
@section('content_body')
    <x-page-header 
        title="Tambah Penduduk" 
        subtitle="Tambah data penduduk baru ke sistem basis data desa"
        :breadcrumbs="['Dashboard' => route('dashboard'), 'Data Penduduk' => route('penduduk.index'), 'Tambah Penduduk' => '#']"
    />

    <div class="card">
        <div class="card-header">
            <h3 class="card-title font-weight-bold mb-0">Form Tambah Penduduk</h3>
        </div>

        <form action="{{ route('penduduk.store') }}" method="POST">
            @csrf

            <div class="card-body">
                @include('penduduk.partials.form')
            </div>

            <div class="card-footer text-right">
                <a href="{{ route('penduduk.index') }}" class="btn btn-light border mr-2">Batal</a>
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save mr-1"></i> Simpan
                </button>
            </div>
        </form>
    </div>

    @include('penduduk.partials.modal-kartu-keluarga')

@stop

@section('js')
    @include('penduduk.partials.scripts')
@stop