@extends('layouts/contentLayoutMaster')



@section('vendor-style')
    {{-- vendor css files --}}
    <link rel="stylesheet" href="{{ asset('vendors/css/forms/select/select2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('vendors/css/tables/datatable/dataTables.bootstrap5.min.css') }}">
    <link rel="stylesheet" href="{{ asset('vendors/css/tables/datatable/buttons.bootstrap5.min.css') }}">
    <link rel="stylesheet" href="{{ asset('vendors/css/extensions/sweetalert2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('/css/custom.css') }}">
@endsection

@section('content')
    <!-- Column Search -->
    <section id="column-search-datatable">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="row" style="margin: 10px; display: flex; justify-content: space-between;">
                        <div class="col-md-10">

                        <h4> Milk Purchases Records Synced Till : {{ date('Y-m-d H:i:s', strtotime($latestRecord->created_at)) }} <i
                                class="fa-regular fa-clock" style="color:#7367f0  "></i> </h4>
                                                        </div>

                        <div class="col-md-2">

                           
                            @if($syncResult == null)
                                @can('Sync System Reports Data')
                                    <a href="{{route('system.reports.data.sync')}}" class="btn btn-outline-primary btn-block"  id="datasyncbutton" style="width: 100%;">
                                        <i class="fa-solid fa-arrows-rotate" style="font-size: 15px"></i> Sync Now
                                    </a>
                                @endcan
                          
                           
                            @else
                             <div class="spinner-border text-warning" role="status">
                                <span class="sr-only">Loading...</span>
                            </div>
                            @endif
                        </div>

                        @if ($message = Session::get('success'))
                            <div class="demo-spacing-0 my-2">
                                <div class="alert alert-success alert-dismissible fade show" role="alert">
                                    <div class="alert-body">{{ $message }}</div>
                                    <button type="button" class="btn-close" data-bs-dismiss="alert"
                                        aria-label="Close"></button>
                                </div>
                            </div>
                        @endif
                          @if ($message = Session::get('error'))
                            <div class="demo-spacing-0 my-2">
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    <div class="alert-body">{{ $message }}</div>
                                    <button type="button" class="btn-close" data-bs-dismiss="alert"
                                        aria-label="Close"></button>
                                </div>
                            </div>
                        @endif

                    </div>
                </div>
                <div class="card">

                    <div class="row" style="margin: 10px; display: flex; justify-content: space-between;">
                        <h4>Milk Procurement and Distribution Reports</h4>

                        @can('Area Office Collection Summary Report')
                            <div class="col-md-4" style="flex: 1; margin: 5px;">
                                <a href="{{ route('load.report.view', 'AO_COLLECTION_SUMMARY') }}"
                                    class="btn btn-outline-primary btn-block" style="width: 100%;"><i
                                        class="fa-solid fa-file-excel" style="font-size: 15px"></i> Area Office Collection
                                    Summary </a>
                            </div>
                        @endcan

                        @can('Milk Purchase Summary Report')
                            <div class="col-md-4" style="flex: 1; margin: 5px;">
                                <a href="{{ route('load.report.view', 'MILK_PURCHASE_SUMMARY') }}"
                                    class="btn btn-outline-primary btn-block" style="width: 100%;"><i
                                        class="fa-solid fa-file-excel" style="font-size: 15px"></i> Milk Purchase Summary </a>

                            </div>
                        @endcan

                        @can('Bi Milk Purchase Summary Report')
                            <div class="col-md-4" style="flex: 1; margin: 5px;">
                                <a href="{{ route('load.report.view', 'MILK_PURCHASE_SUMMARY_BI') }}"
                                    class="btn btn-outline-primary btn-block" style="width: 100%;"><i
                                        class="fa-solid fa-file-excel" style="font-size: 15px"></i> Milk Purchase Summary ( Bi
                                    )</a>

                            </div>
                        @endcan



                    </div>
                    <div class="row" style="margin: 10px; display: flex; justify-content: space-between;">
                        {{-- <h4>Milk Procurement and Distribution Reports</h4> --}}
                        {{-- @can('MCC Wise Summary Report')
                                    <div class="col-md-4" style="flex: 1; margin: 5px;">
                                        <a href="{{ route('load.report.view', 'MCC_WISE_SUMMARY') }}"
                                            class="btn btn-outline-primary btn-block" style="width: 100%;"><i
                                                class="fa-solid fa-file-excel" style="font-size: 15px"></i> Mcc Wise Summary</a>

                                    </div>
                                @endcan --}}
                        {{-- @can('Supplier Type Wise Report')
                                    <div class="col-md-4" style="flex: 1; margin: 5px;">
                                        <a href="{{ route('load.report.view', 'SUPPLIER_TYPE_WISE_SUMMARY') }}"
                                            class="btn btn-outline-primary btn-block" style="width: 100%;"><i
                                                class="fa-solid fa-file-excel" style="font-size: 15px"></i> Supplier Type Wise Summary</a>

                                    </div>
                                @endcan --}}


                        @can('Supplier Type Wise Report')
                            <div class="col-md-4" style="flex: 1; margin: 5px;">
                                <a href="{{ route('load.report.view', 'TEST_BASED_INCENTIVES_SUMMARY') }}"
                                    class="btn btn-outline-primary btn-block" style="width: 100%;"><i
                                        class="fa-solid fa-file-excel" style="font-size: 15px"></i> Test Based Incentives Summary</a>
                            </div>
                        @endcan
                         @can('Supplier Type Wise Report')
                            <div class="col-md-4" style="flex: 1; margin: 5px;">
                                {{-- <a href="{{ route('load.report.view', 'TEST_BASED_INCENTIVES_SUMMARY') }}"
                                    class="btn btn-outline-primary btn-block" style="width: 100%;"><i
                                        class="fa-solid fa-file-excel" style="font-size: 15px"></i> Test Based Incentives Summary</a> --}}
                            </div>
                        @endcan
                         @can('Supplier Type Wise Report')
                            <div class="col-md-4" style="flex: 1; margin: 5px;">
                                {{-- <a href="{{ route('load.report.view', 'TEST_BASED_INCENTIVES_SUMMARY') }}"
                                    class="btn btn-outline-primary btn-block" style="width: 100%;"><i
                                        class="fa-solid fa-file-excel" style="font-size: 15px"></i> Test Based Incentives Summary</a> --}}
                            </div>
                        @endcan


                    </div>


                    <div class="row" style="margin: 10px; display: flex; justify-content: space-between;">
                        <h4>Reception & Dispatch Reports</h4>
                        @can('Supplier Type Wise Report')
                            <div class="col-md-4" style="flex: 1; margin: 5px;">
                                <a href="{{ route('load.report.view', 'FRESH_MILK_AO_LAB_RECEPTION_SUMMARY') }}"
                                    class="btn btn-outline-primary btn-block" style="width: 100%;"><i
                                        class="fa-solid fa-file-excel" style="font-size: 15px"></i> FM Area Lab
                                    Reception Report</a>

                            </div>
                        @endcan

                        @can('FM Area Lab Dispatch Report')
                            <div class="col-md-4" style="flex: 1; margin: 5px;">
                                <a href="{{ route('load.report.view', 'FRESH_MILK_AO_LAB_DISPATCH_SUMMARY') }}"
                                    class="btn btn-outline-primary btn-block" style="width: 100%;"><i
                                        class="fa-solid fa-file-excel" style="font-size: 15px"></i> FM Area Lab Dispatch Report</a>
                            </div>
                        @endcan
                          @can('Plant Lab Reception Report')
                            <div class="col-md-4" style="flex: 1; margin: 5px;">
                                <a href="{{ route('load.report.view', 'FRESH_MILK_PLANT_LAB_RECEPTION_SUMMARY') }}"
                                    class="btn btn-outline-primary btn-block" style="width: 100%;"><i
                                        class="fa-solid fa-file-excel" style="font-size: 15px"></i> FM Plant Lab Reception Report</a>
                            </div>
                        @endcan
                    </div>

                      <div class="row" style="margin: 10px; display: flex; justify-content: space-between;">
                        <h4>Expense And Billing Reports</h4>
                        @can('Supplier Type Wise Report')
                            <div class="col-md-4" style="flex: 1; margin: 5px;">
                                <a href="{{ route('load.report.view', 'CHILLING_COST_ANALYSIS_SUMMARY') }}"
                                    class="btn btn-outline-primary btn-block" style="width: 100%;"><i
                                        class="fa-solid fa-file-excel" style="font-size: 15px"></i> Chilling Cost Analysis Report</a>
                            </div>
                        @endcan
                      </div>
                </div>


            </div>
        </div>
        </div>
    </section>
    <!--/ Column Search -->
@endsection


@section('vendor-script')
    {{-- vendor files table data --}}
    <script src="{{ asset('vendors/js/forms/select/select2.full.min.js') }}"></script>
    <script src="{{ asset('vendors/js/tables/datatable/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('vendors/js/tables/datatable/dataTables.bootstrap5.min.js') }}"></script>
    <script src="{{ asset('vendors/js/tables/datatable/datatables.buttons.min.js') }}"></script>
    <script src="{{ asset('vendors/js/tables/datatable/buttons.bootstrap5.min.js') }}"></script>
    <script src="{{ asset('vendors/js/extensions/sweetalert2.all.min.js') }}"></script>
@endsection

@section('page-script')
    <script src="{{ asset('/js/custom.js') }}"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
  const btn = document.getElementById('datasyncbutton');

  btn.addEventListener('click', function () {
    if (this.dataset.clicked === 'true') {
      // already clicked → ignore further clicks
      return false;
    }

    this.dataset.clicked = 'true';
    this.classList.add('disabled');          // Bootstrap-style
    this.style.pointerEvents = 'none';       // block further clicks
    this.style.opacity = '0.6';              // visual feedback
    this.textContent = 'Syncing...';         // optional text change

    // let browser follow the href normally
  });
});
</script>
    
@endsection