@extends('layouts.app')

@section('content')
    <!--begin::App Content Header-->
    <div class="app-content-header"> <!--begin::Container-->
        <div class="container-fluid">
            <!--begin::Row-->
            <div class="row">
                <div class="col-sm-6">
                    <h3 class="mb-0">Create Form Daily 4.5</h3>
                    <button type="button" class="btn btn-info btn-sm" data-bs-toggle="modal" data-bs-target="#infoModal">
                        <i class="fas fa-info-circle"></i>
                    </button>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-end">
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Home</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('form45.daily.index') }}">Index Form4.5</a></li>
                        <li class="breadcrumb-item active">Create Form Daily 4.5</li>
                    </ol>
                </div>
            </div>
            <!--end::Row-->
        </div> <!--end::Container-->
    </div>
    <!--end::App Content Header-->

    <!-- Modal -->
<div class="modal fade" id="infoModal" tabindex="-1" aria-labelledby="infoModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="infoModalLabel">PANDUAN MENGISI REKOD myGAP 4-5</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <ul>
                    <li><strong>a. Tarikh:</strong> Tarikh Pembelian atau penggunaan racun perosak.</li>
                    <li><strong>b. Tanaman:</strong> Jenis tanaman yang disembur.</li>
                    <li><strong>c. Lokasi & Keluasan:</strong> Keluasan tanaman dan nombor blok yang dijalankan penyemburan.</li>
                    <li><strong>d. Nama Dagangan & Bahan Aktif:</strong> Nama dagangan racun perosak yang terdapat pada label.</li>
                    <li><strong>e. No. LRMP:</strong> Nombor pendaftaran Lembaga Racun Makhluk Perosak yang terdapat pada label.</li>
                    <li><strong>f. Harga:</strong> Harga racun perosak.</li>
                    <li><strong>g. Kuantiti Pembelian/ Kadar Penggunaan:</strong> Kuantiti racun yang dibeli (ml) atau kuantiti racun yang digunakan.</li>
                    <li><strong>h. Justifikasi Penggunaan:</strong> Tujuan penggunaan.</li>
                    <li><strong>i. Alat Yang Digunakan:</strong> Alat penyembur yang digunakan sama ada pam galas berenjin, power sprayer, mist blower dan lain-lain.</li>
                    <li><strong>j. Nama Operator:</strong> Nama individu yang menjalankan semburan.</li>
                    <li><strong>k. Tempoh Dilarang Mengutip Hasil (PHI):</strong> Tempoh larangan mengutip hasil selepas semburan seperti yang dinyatakan pada label.</li>
                    <li><strong>l. Tempoh Dilarang masuk:</strong> Tempoh dilarang masuk ke kawasan yang telah disembur dinyatakan pada label.</li>
                </ul>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
<!-- End Modal -->


    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <form action="{{ route('form45.daily.store') }}" method="POST">
                    @csrf
                    <div class="card-body">
                        <div class="form-group mb-4">
                            <label for="id_farm_section">(a)Farm Section</label>
                            <select class="form-select" name="id_farm_section" id="id_farm_section" class="form-control" required>
                                <option value="">Select Farm Section</option>
                                <!-- Populate options from the database -->
                                @foreach ($sections as $section)
                                    <option value="{{ $section->id }}">{{ $section->name }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group mb-4">
                            <label for="tanaman">(b)Tanaman</label>
                            <input type="text" name="tanaman" id="tanaman" class="form-control" required>
                        </div>

                        <div class="form-group mb-4">
                            <label for="lokasi_keluasan">(c)Lokasi & Keluasan (ha)</label>
                            <input type="text" name="lokasi_keluasan" id="lokasi_keluasan" class="form-control" required>
                        </div>

                        <div class="form-group mb-4">
                            <label for="nama_dagangan_bahan_aktif">(d)Nama Dagangan & Bahan Aktif</label>
                            <input type="text" name="nama_dagangan_bahan_aktif" id="nama_dagangan_bahan_aktif"
                                class="form-control" required>
                        </div>

                        <div class="form-group mb-4">
                            <label for="no_LRMP">(e)No. LRMP</label>
                            <input type="text" name="no_LRMP" id="no_LRMP" class="form-control" required>
                        </div>

                        <div class="form-group mb-4">
                            <label for="harga">(f)Harga</label>
                            <input type="text" name="harga" id="harga" class="form-control" required>
                        </div>

                        <div class="form-group mb-4">
                            <label for="kuantiti_pembelian_kadar_penggunaan">(g)Kuantiti Pembelian/ Kadar Penggunaan</label>
                            <input type="text" name="kuantiti_pembelian_kadar_penggunaan"
                                id="kuantiti_pembelian_kadar_penggunaan" class="form-control" required>
                        </div>

                        <div class="form-group mb-4">
                            <label for="Justifikasi_penggunaan">(h)Justifikasi Penggunaan</label>
                            <input type="text" name="Justifikasi_penggunaan" id="Justifikasi_penggunaan"
                                class="form-control" required>
                        </div>

                        <div class="form-group mb-4">
                            <label for="alat_digunakan">(i)Alat Yang Digunakan</label>
                            <input type="text" name="alat_digunakan" id="alat_digunakan" class="form-control" required>
                        </div>

                        <div class="form-group mb-4">
                            <label for="PHI_hari">(j)PHI (Hari)</label>
                            <input type="text" name="PHI_hari" id="PHI_hari" class="form-control" required>
                        </div>

                        <div class="form-group mb-4">
                            <label for="REI_hari">(k)REI (Hari)</label>
                            <input type="text" name="REI_hari" id="REI_hari" class="form-control" required>
                        </div>

                        <div class="form-group mb-4">
                            <label for="nama_operator">(l)Nama Operator</label>
                            <input type="text" name="nama_operator" id="nama_operator" class="form-control"
                                value="{{ Auth::user()->username }}" readonly>
                        </div>

                    </div>

                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection