@extends("newDashboard.index")

@section("css")
    <link rel="stylesheet" href="{{asset('metronic/css/data-table.css')}}">
    <link rel="stylesheet" href="{{asset('metronic/css/customStyleBackground.css')}}">
    
    <style>
        table tr td:last-child {
            text-align: center !important;
        }
    </style>
@endsection

@section("main-content")
    <div class="content-wrapper">
        <div class="page-header">
            <h3 class="page-title">
      <span class="page-title-icon bg-gradient-primary text-white me-2">
        <i class="mdi mdi-cards-variant menu-icon"></i>
        </span> {{__('messages.Item Merging Report')}}
            </h3>
        </div>
        <div  class=" mb-3 ">
            <a  class=" btn {{$is_estimated_cost?'customBackGroundColore':' border border-dark'}} " href="{{route("item-merging-report",['type'=>'estimated_cost'])}}">
                {{__("Estimated Cost")}}
            </a>
            <a  class=" btn  {{!$is_estimated_cost?'customBackGroundColore':' border border-dark'}}" href="{{route("item-merging-report")}}">
                {{__("Fixed Cost")}}
            </a>
        </div>
        <div class="row">
            <div id="success_message"></div>

            <input type="hidden" id="view-ajax-route" value="{{ route('item-merging-report-data') }}"/>

            <div class="table-responsive customscroll ">
                <table class="table datatable text-center" id="table">
                    <thead>
                    <tr class="customBackgroundColoreParentHeadPrint">
                        <th class="customBackgroundColoreParentHeadPrint">{{__('messages.ID')}}</th>
                        <th class="customBackgroundColoreParentHeadPrint">{{__('messages.Items')}}</th>
                        <th class="text-center customBackgroundColoreParentHeadPrint">{{__('messages.quantity')}}</th>
                        <th class="customBackgroundColoreParentHeadPrint">{{__('messages.Avarage Price')}}</th>
                        <th class="customBackgroundColoreParentHeadPrint">{{__('messages.Total Price')}}</th>

                    </tr>
                    </thead>
                    <tbody></tbody>
                    <tfoot>
                    <tr>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                    </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
    <input type="hidden" id="is_estimated_cost" value="{{$is_estimated_cost}}">

@endsection

@section("scripts")
    <script>
        const authenticatedUserName = `<span id="authenticated-user-id" style="font-size: 8px;"> 
            {{ Auth::user()->id ?? __('Guest') }}
        </span>`;
        var translations = {
            'ID': '{{ __("messages.ID") }}',
            'Permit ID': '{{ __("messages.Permit ID") }}',
            'Status': '{{ __("messages.Status") }}',
            'Driver Name': '{{ __("messages.Driver Name") }}',
            'Rejected Orders': '{{ __("messages.Rejected Orders") }}',
            'Inventories Items': '{{ __("messages.Inventories Items") }}',
            'Item Merging Report': '{{ __("messages.Item Merging Report") }}',
            'All': '{{ __("messages.All") }}',
            'Real Price Invoice': '{{ __("messages.Real Price Invoice") }}',
            'Estimated Cost Invoice': '{{ __("messages.Estimated Cost Invoice") }}',

        };
    </script>
    <script src="{{asset('metronic/js/pages/item-merging-report.js?v=').uniqId()}}"></script>
@endsection