@extends('admin.admin_dashboard')
@section('admin')

<div class="page-content">
    <!-- Breadcrumb -->
   <div class="page-breadcrumb d-flex flex-column flex-sm-row align-items-center justify-content-between mb-3 p-3 rounded shadow-sm" style="background-color: #2D6A4F; color: white;">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0 p-0">
            <li class="breadcrumb-item">
                <a href="{{ route('admin.dashboard') }}" style="color: white;">
                    <i class="bx bx-home-alt"></i>
                </a>
            </li>
            <li class="breadcrumb-item active text-white" aria-current="page">All Farmers</li>
        </ol>
    </nav>
    @if (Auth::user()->can('farmer.add'))
    <a href="{{ route('add.farmer.store') }}" class="btn text-white d-flex align-items-center shadow-sm" style="background-color: #40916C;">
        <i class="bx bx-plus-circle me-2"></i> Add Farmer
    </a>
    @endif
     @if (Auth::user()->can('farmer.import'))
                <a href="{{ route('import.farmer') }}" class="btn btn-brown px-4 d-none d-sm-inline">Import Farmers</a>
                <a href="#" class="btn btn-brown d-inline d-sm-none rounded-circle d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">
                    <i class="bx bx-plus"></i>
                </a>
            @endif
    
</div>

 <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3"> 
        <div class="ps-3">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0 p-0">
                     <a href="{{ route('export.grn') }}" class="btn btn-warning ">Download Payment Vouchers Xlsx </a>  
                </ol>
            </nav>
        </div>

    </div>

    <!-- Card Container -->
    <div class="card shadow border-0 rounded">
        <div class="card-body p-4">
            <div class="table-responsive">
                <table id="example" class="table table-hover table-striped table-bordered align-middle">
                    <thead class="text-white" style="background-color: #2D6A4F;">
                        <tr>
                            <th>#</th>
                            <th>Farmer Number</th>
                            <th>Name</th>
                            <th>Contact</th>
                            <th>Photo</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($farmers as $key => $farmer)
                        <tr>
                            <td class="fw-bold text-center">{{ $key + 1 }}</td>
                            <td class="text-center">{{ $farmer->farmer_number }}</td>
                            <td>{{ ucfirst($farmer->farmer_fname) . ' ' . ucfirst($farmer->farmer_lname) }}</td>
                            <td class="text-center">{{ $farmer->farmer_contact }}</td>
                            <td class="text-center">
<<<<<<< HEAD
                                <img src="{{ !empty($farmer->farmer_photo) ? url('upload/farmers/'.$farmer->farmer_photo) : url('upload/no_image.jpg') }}" 
                                     class="rounded-circle border shadow-sm" 
                                     alt="Farmer Photo" 
                                     style="width: 60px; height: 60px; object-fit: cover;">
=======
                                <img src="{{ !empty($farmer->farmer_photo) ? url('upload/farmers/'.$farmer->farmer_photo) : url('upload/no_image.jpg') }}"
                                     class="chm-avatar-md"
                                     alt="Farmer Photo">
>>>>>>> origin/main
                            </td>
                            <td class="text-center">
                                <div class="dropdown">
                                    <a href="#" class="btn btn-light btn-sm dropdown-toggle" data-bs-toggle="dropdown">
                                        <i class="bx bx-dots-vertical-rounded"></i>
                                    </a>
                                    <ul class="dropdown-menu dropdown-menu-end">
                                        @if (Auth::user()->can('farmer.edit'))
                                        <li><a class="dropdown-item" href="{{ route('edit.farmer', ['id_farmer' => $farmer->id_farmer]) }}"><i class="bx bx-edit-alt me-2"></i> Edit</a></li>
                                        @endif
                                        
                                        @if (Auth::user()->can('farmer_profile.view'))
                                        <li><a class="dropdown-item" href="{{ route('farmer.profile.view', ['id_farmer' => $farmer->id_farmer]) }}"><i class="bx bx-user me-2"></i> Profile</a></li>
                                        @endif
                                        
                                        @if (Auth::user()->can('farmer.delete'))
                                        <li><a class="dropdown-item text-danger delete-farmer" href="{{ route('delete.farmer', $farmer->id_farmer) }}"><i class="bx bx-trash me-2"></i> Delete</a></li>
                                        @endif
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<!-- SweetAlert2 for Deletion -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.all.min.js"></script>
<script>
    $(document).ready(function () {
        $('.delete-farmer').click(function (e) {
            e.preventDefault();
            Swal.fire({
                title: 'Are you sure?',
                text: "You won't be able to revert this!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#2D6A4F',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, delete it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href = $(this).attr('href');
                }
            });
        });
    });
</script>

@endsection