@extends("newDashboard.index")

@section("css")
    <link rel="stylesheet" href="{{asset('metronic/css/data-table.css')}}">

    <style>
        table, th, td {
            border: 1px dashed black;
            border-collapse: collapse;
        }
    </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="fa-solid fa-file-lines menu-icon"></i>
          </span> {{__('messages.Sales and purchases 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('sales.purchase.report') }}">
                    <input type="hidden" id="report-detail" value="{{ route('sales.purchase.report.detail') }}">
                    <input type="hidden" id="report-print-route" value="{{ route('sales.purchase.report.print.data') }}">
                    <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="required">{{ __('messages.From') }}</label>
                        <input id="from_date" type="date" class="form-control" name="from_date" value="2024-01-01"  >
                    </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" required>
                    </div>
                    <div class="form-group col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                        <label class="required">{{ __('messages.Invoice Type') }}</label>
                        <select class="form-control js-example-disabled-results" name="invoice_type" id="invoice_type">
                            <option selected value="pending">{{ __('messages.Real Price Invoice') }}</option>
                            <option  value="estimated_cost">{{ __('messages.Estimated Cost Invoice') }}</option>
                        </select>
                    </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.Sales and purchases 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%" class="text-center trial-balance-table table mt-3">
                <thead>
                <tr>
                    <th rowspan="2">{{ __('messages.date') }}</th>
                    <th rowspan="2">{{ __('messages.Statement') }}</th>
                    <th colspan="4" style="border-left: 1px solid black;" >{{ __('messages.Incoming') }}</th>
                    <th colspan="4" style="border-left: 1px solid black;">{{ __('messages.Outgoing') }}</th>
                    <th colspan="4">{{ __('messages.Balance') }}</th>
                </tr>
                <tr>
                    <td>{{ __('messages.Quantitys') }}</td>
                    <td>{{ __('messages.weight') }}</td>
                    <td>{{ __('messages.price') }}</td>
                    <td style="border-left: 1px solid black;">{{ __('messages.the value') }}</td>
                    <td>{{ __('messages.Quantitys') }}</td>
                    <td>{{ __('messages.weight') }}</td>
                    <td>{{ __('messages.price') }}</td>
                    <td style="border-left: 1px solid black;">{{ __('messages.the value') }}</td>
                    <td>{{ __('messages.Quantitys') }}</td>
                    <td>{{ __('messages.weight') }}</td>
                    <td>{{ __('messages.price') }}</td>
                    <td>{{ __('messages.the value') }}</td>
                </tr>

                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>


@endsection

@section("scripts")

    <script>
       
        var translations = {
            title:"{{__('messages.Sales and purchases report')}}",
            Summation:"{{__('messages.Summation')}}",
            print:"{{__('messages.Print')}}",
            id:"{{__('messages.ID')}}",
            description: "{{ __('messages.Description') }}",
            credit: "{{ __('messages.Credit') }}",
            debit: "{{ __('messages.Debit') }}",
            accountAmount: "{{ __('messages.Account Amount') }}",
            createdAt: "{{ __('messages.Created At') }}",
            transaction:"{{__('messages.Transaction')}}",
            date:"{{__('messages.Date')}}",
            serial:"{{__('messages.Serial')}}",
            serial:"{{__('messages.Sales and purchases report')}}",
            InitialBalance: "{{__('messages.Initial Balance')}}",
            SerialNumber: "{{__('messages.Serial Number')}}",
            Summation: "{{__('messages.Summation')}}",

        };
        function getSaleWeightedAvg (transaction) {
            return transaction.avgPrice;

            // as company need to get just weighted avg that item sell with it
            // if(transaction.weighted_avg_for_ec!=null && transaction.weighted_avg_for_ec!=0  && parseFloat(transaction.weighted_avg_for_ec) > 0){
            //     return transaction.weighted_avg_for_ec;
            // }else{
            //     return transaction.avgPrice;
            // }

        }

    </script>


    <script src="{{asset('metronic/js/pages/sales-and-purchases-report.js?v=').uniqid()}}"></script>
@endsection