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

<div class="page-content">
  <div class="container-fluid">

    <!-- Breadcrumb & “New Sale” 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 Sales</li>
        </ol>
      </nav>
      @can('coffee_sales.add')
      <a href="{{ route('coffee.sales.create') }}" class="btn btn-light d-flex align-items-center">
        <i class="bx bx-plus-circle me-2"></i> New Sale
      </a>
      @endcan
      @can('coffee_sales_old.add')
      <a href="{{ route('coffee.sales.old.create') }}" class="btn btn-light d-flex align-items-center">
        <i class="bx bx-plus-circle me-2"></i> Old Sale
      </a>
      @endcan
    </div>

    @can('coffee_sales.view')
    <div class="card shadow-sm rounded-lg border-0">
      <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>Buyer</th>
                <th class="text-end">Gross (kg)</th>
                <th>Net (kg)</th>
                <th class="text-end">Price</th>
                <th class="text-end">Amount</th>
                <th>Date Sold</th>
                <th class="text-center">Action</th>
              </tr>
            </thead>
            <tbody>
              @foreach($sales as $key => $s)
              <tr>
                <td class="fw-bold text-center">{{ $key + 1 }}</td>
                <td>{{ $s->buyer->name ?? '—' }}</td>
                <td class="text-end">{{ number_format($s->gross_weight,2) }}</td>
                <td>{{ number_format($s->net_weight,2) }}</td>
                <td class="text-end">{{ number_format($s->selling_price,2) }}</td>
                <td class="text-end">{{ number_format($s->amount,2) }}</td>
                <td>{{ \Carbon\Carbon::parse($s->date_sold)->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_sales.view')
                      <li>
                        <a class="dropdown-item" href="{{ route('coffee.sales.show',$s->id) }}">
                          <i class="bx bx-show me-2"></i> View
                        </a>
                      </li>
                      @endcan
                      @can('coffee_sales.edit')
                      <li>
                        <a class="dropdown-item" href="{{ route('coffee.sales.edit',$s->id) }}">
                          <i class="bx bx-edit-alt me-2"></i>Edit
                        </a>
                      </li>
                      @endcan
             @can('coffee_sales.rollback')
    <li>
        <form action="{{ route('coffee.sales.rollback', ['sale' => $s->id]) }}" method="POST"
              onsubmit="return confirm('Are you sure you want to rollback this Coffee Sale?');">
            @csrf
            <button type="submit" class="dropdown-item">
                <i class="bx bx-refresh me-2"></i> Rollback
            </button>
        </form>
    </li>
@endcan
@can('coffee_sales.post_journal')
<li>
    <form action="{{ route('coffee.sales.postJournal', ['sale' => $s->id]) }}" 
          method="POST" 
          class="post-journal-form">
        @csrf
        <button type="submit" class="dropdown-item">
            <i class="bx bx-book me-2"></i> Post Journal
        </button>
    </form>
</li>
@endcan


                      @can('coffee_sales.delete')
                      <li>
                        <a class="dropdown-item text-danger delete-sale" href="{{ route('coffee.sales.destroy',$s->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>
</div>

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

   // Post Journal confirmation
  document.querySelectorAll('.post-journal-form').forEach(form => {
    form.addEventListener('submit', e => {
      e.preventDefault();
      const url = form.getAttribute('action');

      Swal.fire({
        title: 'Post Journal Entry?',
        text: "This will create the accounting entry for this sale.",
        icon: 'question',
        showCancelButton: true,
        confirmButtonText: 'Yes, Post It',
        cancelButtonText: 'Cancel',
        confirmButtonColor: '#198754'
      }).then(result => {
        if (result.isConfirmed) {
          fetch(url, {
            method: 'POST',
            headers: {
              'X-CSRF-TOKEN': '{{ csrf_token() }}',
              'Accept': 'application/json'
            }
          })
          .then(res => res.json())
          .then(data => {
            if (data.success) {
              Swal.fire('Posted!', data.message, 'success').then(()=>{
                location.reload();
              });
            } else {
              Swal.fire('Notice', data.message, 'info');
            }
          })
          .catch(() => {
            Swal.fire('Error', 'Something went wrong while posting.', 'error');
          });
        }
      });
    });
  });

});
</script>
@endsection