@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">List of Farm Records</h3>
                </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 active" aria-current="page">
                            Forms 4.4
                        </li>
                    </ol>
                </div>
            </div>
            <!--end::Row-->
        </div> <!--end::Container-->
    </div>
    <!--end::App Content Header-->

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Forms 4.4</h3>
                    <div class="text-end">
                        <a href="{{ route('form44.daily.create') }}" class="btn btn-success">Create New Entry</a>
                    </div>
                </div>

                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                                <tr class="text-center" style="vertical-align: middle";>
                                    <th>No</th>
                                    <th>Farm Section</th>
                                    <th>(a) Date</th>
                                    <th>(b) Cara Pengawasan</th>
                                    <th>(c) Lokasi / Blok</th>
                                    <th>(d) Nama Perosak</th>
                                    <th>(e) Bil. Perosak/ Peratus Kerosakan</th>
                                    <th>(f) Kaedah Kawalan</th>
                                    <th>(g) Nama Operator</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($submissions as $submission)
                                    <tr>
                                        <td>{{ $loop->iteration }}</td>
                                        <td>{{ $submission->farmSection->name ?? 'N/A' }}</td>
                                        <td>{{ $submission->created_at->format('d M Y, h:i A') }}</td>
                                        <td>{{ $submission->cara_pengawasan }}</td>
                                        <td>{{ $submission->lokasi_blok }}</td>
                                        <td>{{ $submission->nama_perosak }}</td>
                                        <td>{{ $submission->bil_perosak_peratusan_kerosakan }}</td>
                                        <td>{{ $submission->kaedah_kawalan }}</td>
                                        <td>{{ $submission->nama_operator }}</td>
                                        <td>
                                            <div  class="text-center" class="btn-group">
                                                <!-- Add any actions you need here, e.g., View, Edit, Delete -->
                                                <a href="{{ route('form43.daily.show', $submission->id) }}"
                                                    class="btn btn-primary btn-sm">View</a>
                                                <a href="{{ route('form43.daily.edit', $submission->id) }}"
                                                    class="btn btn-warning btn-sm">Edit</a>
                                                <form action="{{ route('form43.daily.destroy', $submission->id) }}"
                                                    method="POST" style="display:inline-block;">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-danger btn-sm"
                                                        onclick="return confirm('Are you sure?')">Delete</button>
                                                </form>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>


            </div>
        </div>
    </div>
@endsection