@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;">
                        <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('op.areaoffice.collection.summary')}}"  class="btn btn-outline-primary btn-block" style="width: 100%;">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('op.milkpurchase.summary')}}" class="btn btn-outline-primary btn-block" style="width: 100%;">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('op.bi.report')}}" class="btn btn-outline-primary btn-block" style="width: 100%;">Milk  Purchase Summary ( Bi  )</a>
                               
                        </div>
                        @endcan
                    </div>
                </div>
             
                <div class="card">
                    <div class="row" style="margin: 10px; display: flex; justify-content: space-between;">
                        <h4>Reception & Dispatch  Reports</h4>
                        @can('FM Area Lab Reception Report')
                        <div class="col-md-4" style="flex: 1; margin: 5px;">
                            <a href="{{ route('fresh.milk.area.lab.reception') }}"  class="btn btn-outline-primary btn-block" style="width: 100%;">Fresh Milk 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('fresh.milk.area.lab.dispatch') }}" class="btn btn-outline-primary btn-block" style="width: 100%;">Fresh Milk 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('plant.lab.report') }}" class="btn btn-outline-primary btn-block" style="width: 100%;">Fresh Milk Plant Lab Reception Report</a>
                        </div>
                        @endcan
                    </div>
                </div>
                <div class="card">
                    <div class="row" style="margin: 10px; display: flex; justify-content: space-between;">
                        <h4>Supplier Insight Reports</h4>
                        @can('Supplier Ledger Summary Report')
                        <div class="col-md-4" style="flex: 1; margin: 5px;">
                            <a href="{{ route('supplier.ledger.view') }}"  class="btn btn-outline-primary btn-block" style="width: 100%;">Supplier Ledger Summary Report</a>
                        </div>
                        @endcan
                        @can('Supplier Type Wise Report')
                        <div class="col-md-4" style="flex: 1; margin: 5px;">
                            <a href="{{ route('supplier.type.wise.report') }}" class="btn btn-outline-primary btn-block" style="width: 100%;">Supplier Type Wise Summary Report</a>
                        </div>
                        @endcan

                        @can('Supplier Type Wise Report')
                        <div class="col-md-4" style="flex: 1; margin: 5px;">
                            <a href="{{ route('supplier.advances.report') }}" class="btn btn-outline-primary btn-block" style="width: 100%;">Supplier Advances Report</a>
                        </div>
                        @endcan
                    </div>
                    {{-- <div class="row" style="margin: 10px; display: flex; justify-content: space-between;">
                        @can('Source Wise Summary Report')
                        <div class="col-md-4" style="flex: 1; margin: 5px;">
                            <a href="{{ route('op.source.wise.view') }}" class="btn btn-outline-primary btn-block" style="width: 100%;">Source Wise Summary Report</a>
                        </div>
                        @endcan
                    </div> --}}
                    
                </div>

                <div class="card">
                    <div class="row" style="margin: 10px; display: flex; justify-content: space-between;">
                        <h4>Gain Loss Reports</h4>
                    @can('Gain Loss Report')
                    <div class="col-md-4" style="flex: 1; margin: 5px;">
                        <a href="{{ route('op.gain.loss.report.view') }}" class="btn btn-outline-primary btn-block" style="width: 100%;">MCC Level Gain Loss Summary Report</a>
                    </div>
                    @endcan
                </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>
@endsection