@extends('layout.dashboard_layout')

@section('content')
    <div class="pw-container">

        {{-- Header --}}
        <div class="pw-header">
            <div class="pw-header-left">
                <div class="pw-breadcrumb">
                    <i class="bi bi-grid-3x3-gap"></i>
                    <span>Data Blok</span>
                    <i class="bi bi-chevron-right"></i>
                    <span class="active">Tambah Blok</span>
                </div>

                <h4>Tambah Data Blok</h4>
                <p>Tambahkan data blok perkebunan baru ke dalam sistem</p>
            </div>

            <div class="pw-header-right">
                <a href="{{ route('blocks.index') }}" class="pw-btn pw-btn-secondary">
                    <i class="bi bi-arrow-left"></i>
                    Kembali
                </a>
            </div>
        </div>


        {{-- Card Form --}}
        <div class="pw-card">

            <div class="pw-card-badge">
                <i class="bi bi-plus-circle"></i>
                Data Baru
            </div>

            <p class="pw-section-label">
                Informasi Blok
            </p>

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

                <div class="row">

                    {{-- AFD --}}
                    <div class="col-md-4 mb-4">
                        <label class="pw-label" for="afd">
                            AFD
                        </label>

                        <div class="pw-input-wrapper @error('afd') is-invalid @enderror">
                            <i class="bi bi-tag pw-input-icon"></i>

                            <input type="text" id="afd" name="afd" class="pw-input" value="{{ old('afd') }}"
                                placeholder="Contoh : A" maxlength="10" autocomplete="off">
                        </div>

                        <p class="pw-hint">
                            Kode afdeling untuk blok ini
                        </p>

                        @error('afd')
                            <div class="pw-error">
                                <i class="bi bi-exclamation-circle"></i>
                                {{ $message }}
                            </div>
                        @enderror
                    </div>


                    {{-- HS --}}
                    <div class="col-md-4 mb-4">
                        <label class="pw-label" for="hs">
                            HS
                        </label>

                        <div class="pw-input-wrapper @error('hs') is-invalid @enderror">
                            <i class="bi bi-hash pw-input-icon"></i>

                            <input type="text" id="hs" name="hs" class="pw-input" value="{{ old('hs') }}"
                                placeholder="Contoh : HS001" autocomplete="off">
                        </div>

                        <p class="pw-hint">
                            Kode HS untuk blok
                        </p>

                        @error('hs')
                            <div class="pw-error">
                                <i class="bi bi-exclamation-circle"></i>
                                {{ $message }}
                            </div>
                        @enderror
                    </div>


                    {{-- Nama Blok --}}
                    <div class="col-md-4 mb-4">
                        <label class="pw-label" for="block_name">
                            Nama Blok
                        </label>

                        <div class="pw-input-wrapper @error('block_name') is-invalid @enderror">
                            <i class="bi bi-grid pw-input-icon"></i>

                            <input type="text" id="block_name" name="block_name" class="pw-input"
                                value="{{ old('block_name') }}" placeholder="Contoh : A12" autocomplete="off">
                        </div>

                        <p class="pw-hint">
                            Nama unik untuk identifikasi blok
                        </p>

                        @error('block_name')
                            <div class="pw-error">
                                <i class="bi bi-exclamation-circle"></i>
                                {{ $message }}
                            </div>
                        @enderror
                    </div>

                </div>


                {{-- Footer --}}
                <div class="pw-form-footer">

                    <span class="pw-required-note">
                        <i class="bi bi-info-circle"></i>
                        Semua kolom wajib diisi
                    </span>

                    <div class="pw-form-actions">
                        <a href="{{ route('blocks.index') }}" class="pw-btn pw-btn-light">
                            Batal
                        </a>

                        <button type="submit" class="pw-btn pw-btn-primary">
                            <i class="bi bi-check-lg"></i>
                            Simpan Data
                        </button>
                    </div>

                </div>

            </form>

        </div>

    </div>
@endsection