@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">Edit Blok</span>
                </div>

                <h4>Edit Data Blok</h4>
                <p>Perbarui data blok perkebunan pada 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 badge-edit">
                <i class="bi bi-pencil-square"></i>
                Edit Data
            </div>

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

            <form action="{{ route('blocks.update', $block->id) }}" method="POST">
                @csrf
                @method('PUT')

                <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', $block->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', $block->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', $block->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>
                            Update Data
                        </button>

                    </div>

                </div>

            </form>

        </div>

    </div>
@endsection