@extends("newDashboard.index")

@section("css")
<link rel="stylesheet" href="{{asset('metronic/css/data-table.css')}}">
<script src="https://cdn.jsdelivr.net/npm/xlsx/dist/xlsx.full.min.js"></script>
<link rel="stylesheet" href="{{asset('metronic/css/customStyleBackground.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="fa-solid fa-file-lines menu-icon"></i>
          </span> {{__('messages.Item Profit Report')}}
        </h3>
    </div>
    
    
  	<div class="row justify-content-md-center">
  		<div id="daily-restrictions-report-container">
      		@if($errors->any())
                <div class="alert alert-danger">
                    <ul class="m-2">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <div id="date_error" style="color: red;"></div>
            
            <form id="" method="POST" action="" class="row justify-content-center align-items-center">
                @csrf
                <input type="hidden" id="form-route" value="{{ route('Item.Profit.report') }}">
                
                <div class="form-group mb-3 col-md-4">
                    <label class="required" for=""> {{__('messages.Item')}}</label>
                    <select id="item" class="js-example-disabled-results  form-control" name="item_id" required="required">
                     	<option value="0">{{ __('validation.Select', ['attribute' => __('messages.Item')]) }}</option>
                    	@foreach($items as $item)
                      	<option value="{{$item->id}}" data-item-is-carton="{{$item->is_meat_in_carton}}" data-item-category-id="{{$item->category_id}}">{{$item->name}}</option>
                    	@endforeach
                    </select>
                    
                    <div class="itemId-error d-none text-danger">{{ __('validation.required', ['attribute' => __('messages.Item')]) }}</div>
                </div>
                <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3 col-xl-4">
                    <label class="">{{ __('messages.From') }}</label>
                    <input id="from_date" type="date" class="form-control" name="from_date" >
                </div>
                <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3 col-xl-4">
                    <label class="">{{ __('messages.To') }}</label>
                    <input id="to_date" type="date" class="form-control" name="to_date" >
                </div>
                <div class="col-12 col-sm-12 col-md-4 col-lg-3 col-xl-2 mt-3 mt-md-0">
                    <button class="btn btn-primary btn-block">{{__('messages.Submit')}}</button>
                </div>
            </form>
  		</div>
	</div>

	<div id="trial-balance-list" class="table-responsive">
	<div class="text-center">
        <h3 class="page-title">
          {{__('messages.Item Profit Report')}}
        </h3>
    </div>
    <div class="row justify-content-between mt-5 ">
        <h5 class="page-title col-3 mx-3 ">
         {{__('messages.Item name')}} :<span id="Item-name"></span>
        </h5>
         <div class="page-title col-2">
         <p>{{__('messages.From Date')}}: <span id="From-Date"></span></p>
         <p>{{__('messages.To Date')}}: <span id="To-Date"></span></p>
         <p id="authenticated-user-id" style="font-size: 8px;"> 
            {{ Auth::user()->id ?? __('Guest') }}
        </p>
        </div>
    </div>
    	<!-- Blade View -->
        <table style="width:100%;border-collapse: collapse; border: 1px solid black;" class="text-center trial-balance-table table mt-3">
            <thead>
                <tr>
                    <th rowspan="2" style="border: 1px solid black;">{{ __('messages.Cost of goods sold') }}</th>
                    <th rowspan="2" style="border: 1px solid black;">{{ __('messages.sales') }}</th>
                    <th rowspan="2" style="border: 1px solid black;">{{ __('messages.Profit') }}</th>
                   
                </tr>
                
                
            </thead>
            	<tbody >
            	
    		</tbody>
        </table>
	</div>



</div>




@endsection

@section("scripts")
  <script>
    var translations = {
        'ID': '{{ __("messages.ID") }}',
        'Date': '{{ __("messages.Date") }}',
        'Debit': '{{__("messages.Debit")}}',
        'Credit': '{{__("messages.Credit")}}',
        'description': '{{ __("messages.description") }}',
        'Description restricions': '{{ __("messages.Description restricions") }}',
        'Journal Entries report': '{{ __("messages.Journal Entries report") }}',
        'account name': '{{ __("messages.account name") }}',
        'User Name': '{{ __("messages.User Name") }}',
        'sales': '{{ __("messages.sales") }}',
        'purchases': '{{ __("messages.purchases") }}',
        'Profit': '{{ __("messages.Profit") }}',
        title:"{{__('messages.Item Profit Report')}}",
    };
</script>
 <script src="{{asset('metronic/js/pages/Item-Profit-Report.js')}}"></script> 
 
@endsection