{{-- resources/views/accounting/coffee_processing/index.blade.php --}}
@extends('admin.admin_dashboard')
@section('admin')

<div class="page-content">
    <!-- Breadcrumb & “New Event” Button -->
    <div class="page-breadcrumb d-flex flex-column flex-sm-row align-items-center justify-content-between mb-3 p-3 bg-primary text-white rounded shadow-sm">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0 p-0">
                <li class="breadcrumb-item">
                    <a href="{{ route('admin.dashboard') }}" class="text-white">
                        <i class="bx bx-home-alt"></i>
                    </a>
                </li>
                <li class="breadcrumb-item active text-white" aria-current="page">
                    Coffee Processing
                </li>
            </ol>
        </nav>
        @can('coffee_processing.record')
        <a href="{{ route('coffee.processing.create') }}" class="btn btn-light d-flex align-items-center">
            <i class="bx bx-plus-circle me-2"></i> New Event
        </a>
        @endcan
    </div>

    <!-- Processing Table -->
    @can('coffee_processing.view')
    <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="table-dark">
                        <tr>
                            <th>#</th>
                            <th>Process</th>
                            <th>Type</th>
                            <th class="text-end">Qty (kg)</th>
                            <th>Date</th>
                            <th class="text-center">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                                      <tr class="fw-bold table-secondary">
    <td colspan="3" class="text-end">Total Quantity</td>
    <td class="text-end">{{ number_format($totalQuantity, 2) }}</td>
    <td colspan="2"></td>
</tr>
                        @foreach($processings as $key => $p)
                        <tr>
                            <td class="fw-bold text-center">
                                {{ $key + 1 }}
                            </td>
                            <td>{{ $p->process_type }}</td>
                            <td>{{ ucfirst($p->process_type) }}</td>
                            <td class="text-end">{{ number_format($p->quantity, 2) }}</td>
                            <td>{{ \Carbon\Carbon::parse($p->processed_at)->format('Y-m-d') }}</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">
                                        @can('coffee_processing.view')
                                        <li>
                                            <a class="dropdown-item" href="{{ route('coffee.processing.show', $p->id) }}">
                                                <i class="bx bx-show me-2"></i> View
                                            </a>
                                        </li>
                                        @endcan
                                        @can('coffee_processing.edit')
                                        <li>
                                            <a class="dropdown-item" href="{{ route('coffee.processing.edit', $p->id) }}">
                                                <i class="bx bx-edit-alt me-2"></i> Edit
                                            </a>
                                        </li>
                                        @endcan
                                        @can('coffee_processing.delete')
                                        <li>
                                            <a class="dropdown-item text-danger delete-processing" href="{{ route('coffee.processing.destroy', $p->id) }}">
                                                <i class="bx bx-trash me-2"></i> Delete
                                            </a>
                                        </li>
                                        @endcan
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        @endforeach
      

                    </tbody>
                </table>
            </div>
          
        </div>
    </div>
    @endcan
</div>

{{-- SweetAlert2 for delete confirmation --}}
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('.delete-processing').forEach(function(el) {
        el.addEventListener('click', function(e) {
            e.preventDefault();
            const url = this.getAttribute('href');
            Swal.fire({
                title: 'Delete this processing event?',
                text: "This action cannot be undone!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#3085d6',
                confirmButtonText: 'Yes, delete it'
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href = url;
                }
            });
        });
    });
});
</script>
@endsection