@extends("newDashboard.index")

@section("css")
    <link rel="stylesheet" href="{{asset('metronic/css/data-table.css')}}">
<link rel="stylesheet" href="{{asset('metronic/css/customStyleBackground.css')}}">
    <script src="https://cdn.jsdelivr.net/npm/xlsx/dist/xlsx.full.min.js"></script>

@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.Items 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.all') }}">


                    <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3 col-xl-4">
                        <label class="required">{{ __('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="required">{{ __('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.Items Profit Report')}}
                </h3>
            </div>
            <div class="row justify-content-between mt-5 ">

                <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 class="customBackgroundColoreParentHead">
                    <th rowspan="2" style="border: 1px solid black;">{{__('messages.Item name')}}</th>
                    <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>


    <div class="spinner-layer d-none">
        <div class="spinner"></div>
        <p class="fs-3">{{__('messages.Processing')}}</p>
    </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") }}',
            TotalAlajmaliu: '{{ __("messages.Total alajmaliu") }}',
            title:"{{__('messages.Item Profit Report')}}",
        };
    </script>
    <script src="{{asset('metronic/js/pages/Item-Profit-Report-All.js')}}"></script>

@endsection