@extends('newDashboard.index')

@section('css')
    <link rel="stylesheet" href="{{ asset('metronic/css/data-table.css') }}">
@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.Direct Purchasing And Saleing System') }}
            </h3>
        </div>
        <div class="row"> 
            <div id="success_message"></div>
            @permission('purchasing-orders-create')
                <div class="buttons-container">
                    <a class="btn btn-primary float-end "
                        href="{{ route('Direct.Sales.create') }}">{{ __('messages.Add Direct purchase and sale') }}</a>
                </div>
            @endpermission
            
            @php
            $dataTableRoute = request()->get('tab') == 'purchase'?'Direct.Sales.getPurcaheData' :'Direct.Sales.getData' ;
          	$editRoute =  request()->get('tab') == 'purchase'?'Direct.Sales.editPurcahse' :'Direct.Sales.editSales' ;
            $updateRoute =  request()->get('tab') == 'purchase'?'Direct.Sales.updatePurcahse' :'Direct.Sales.updateSales' ;
            $title =  request()->get('tab') == 'purchase'?  __('messages.Direct Purchases')  :__('messages.Direct Sales')  ;
   
            @endphp
            <input type="hidden" name="hidden_page" id="hidden_page" value="1" />
            <input type="hidden" id="user-index" value="{{ route($dataTableRoute) }}" />
            <input type="hidden" id="add-ajax-route" value="{{ route('Direct.Sales.getData') }}" />
            <input type="hidden" id="title" value="{{ $title }}" />
            <input type="hidden" id="get-purchase-data-route" value="{{ route('Direct.Sales.getData') }}" />
            <input type="hidden" id="table_type" value="{{request()->get('tab') =='purchase'?'purchase':'sales' }}" />
                <ul class="nav nav-tabs mb-3" >
              <li class="nav-item" role="presentation">
                 <a class="nav-link {{false == request()->has('tab') ? 'active': ''}}" href="{{ route('Direct.Sales.index') }}">{{ __('messages.Direct Sales') }}</a>
                </li>
                <li class="nav-item" role="presentation">
                  
                 <a class="nav-link {{request()->get('tab')=='purchase' ? 'active': ''}}"  href="{{ route('Direct.Sales.index',['tab'=>'purchase'])  }}">{{ __('messages.Direct Purchases') }}</a>
                </li>
            </ul>
            <div class="table-responsive customscroll">
                <table class="table datatable text-center" id="table">
                    <div class="container pb-2">
                        <div class="row gap-1 custom-padding-filter-tmp">
                            <div class="col-12 col-md-5 col-xl-3">
                                <label class="col-form-label">{{ __('messages.date:') }}</label>
                                <div class="center-custom-width-filter-date">
                                    <input type="text" id="config-demo"
                                        placeholder="{{ __('messages.date from - to') }}" class="form-control" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <thead>
                        <tr>
                            <th>{{ __('messages.ID') }}</th>
                            <th>{{ __('messages.Serial number') }}</th>
                            <th>{{ __('messages.Status') }}</th>
                            <th>{{ __('messages.Owner status') }}</th>
                                   @if(request()->get('tab'))
                                  <th>{{ __('messages.Suppliers') }}</th>
                             @else
                        <th>{{ __('messages.Customers') }}</th>
                        @endif
                            <th>{{ __('messages.Total price') }}</th>
                            @if(!request()->get('tab'))
                            <th>{{ __('messages.payment method') }}</th>
                            @endif
                            <th>{{ __('messages.Date') }}</th>
                            <th>{{ __('messages.User Name') }}</th>
                            <th>{{ __('messages.Action') }}</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>


@endsection

@section('scripts')
    <script>
        var translations = {
                //titles
           'Sales Title': '{{ __('messages.sales order') }}',
           'Purhcase Title': '{{ __('messages.purchase order') }}',
                ////
            'ID': '{{ __('messages.ID') }}',
            'Serial number': '{{ __('messages.Serial number') }}',
            'Payment Method': '{{ __('messages.payment method') }}',
            'Customer': '{{ __('messages.Customer') }}',
            'Status': '{{ __('messages.Status') }}',
            'Owner status': '{{ __('messages.Owner status') }}',
            'Shipping type': '{{ __('messages.Shipping type') }}',
            'Total price': '{{ __('messages.Total price') }}',
            'Tax expenses': '{{ __('messages.Tax expenses') }}',
            'Shipping price': '{{ __('messages.Shipping price') }}',
            'Date': '{{ __('messages.Date') }}',
            'Purchasing System': '{{ __('messages.Purchasing System') }}',
            'User Name': '{{ __('messages.User Name') }}',
            'return_weight': "{{ __('messages.Return Weight') }}",
            'main_weight': "{{ __('messages.Main Weight') }}",
            'error-related': "{{ __('messages.The quantity of meat options should be equivalent to quantity of cartoon meat') }}"
        };
    </script>
    <script type="module" src="{{ asset('metronic/js/pages/direct-sales.js?v=').uniqid() }}"></script>
    <script src="{{ asset('metronic/js/components/uploadFiles.js') }}"></script>
    
    
@endsection