@extends('layouts.master')
@section('css')
<!-- Internal Data table css -->
<link href="{{ URL::asset('assets/plugins/datatable/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet" />
<link href="{{ URL::asset('assets/plugins/datatable/css/buttons.bootstrap4.min.css') }}" rel="stylesheet">
<link href="{{ URL::asset('assets/plugins/datatable/css/responsive.bootstrap4.min.css') }}" rel="stylesheet" />
<link href="{{ URL::asset('assets/plugins/datatable/css/jquery.dataTables.min.css') }}" rel="stylesheet">
<link href="{{ URL::asset('assets/plugins/datatable/css/responsive.dataTables.min.css') }}" rel="stylesheet">
<link href="{{ URL::asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">

<!-- Internal Spectrum-colorpicker css -->
<link href="{{ URL::asset('assets/plugins/spectrum-colorpicker/spectrum.css') }}" rel="stylesheet">

<!-- Internal Select2 css -->
<link href="{{ URL::asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">
<style>
    .box {
        width: 200px;
        height: 50px;
        background-color: white;
        border: 1px solid #ccc;
    }
</style>
@section('title')
    {{ __('home.add_describtion_shipment') }}@stop
@endsection
@section('page-header')
    <div class="main-parent">
        <!-- breadcrumb -->
        <div class="breadcrumb-header justify-content-between parent-heading">
            <div class="my-auto">
                <div class="d-flex">
                    <h4 class="content-title mb-0 my-auto">{{ __('home.add_describtion_shipment') }}</h4><span
                        class="text-muted mt-1 tx-13 mr-2 mb-0">
                    </span>
                </div>
            </div>
            <button style="background-color: #23395D;" class="btn btn-sm text-white p-2" data-toggle="modal"
                href="#createcustomer">
                <i class="fa fa-user-plus"></i> {{ __('home.addnewcustomer') }}
            </button>


        </div>
        <!-- breadcrumb -->
@endsection
    @section('content')
            @if (session()->has('nodataprint'))
                <div class="alert alert-warning  alert-dismissible fade show" role="alert">
                    <br>
                    <strong>{{ __('home.nodataprint') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif
            @if (count($errors) > 0)
                <div class="alert alert-danger">
                    <button aria-label="Close" class="close" data-dismiss="alert" type="button">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <strong>خطا</strong>
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <!-- row -->
            <div class="row">

                <div class="col-xl-12">
                    <div class="card mg-b-20">


                        <div class="card-header pb-0">


                            <form enctype="multipart/form-data" method="POST" role="search" name="form-name" id='formdata'
                                autocomplete="off">
                                {{ csrf_field() }}
                                <input hidden type="text" class="form-control parent-input" name="id" id="id" value="{{ $id }}">

                                <div class="row">

                                    <div class="col-lg-2 mg-t-20 mg-lg-t-0" id="type">
                                        <p class="mg-b-10"> {{__('home.chooseclient')}}</p>
                                        <select class="form-control select2" name="clientnamesearch" id="clientnamesearch"
                                            required>
                                            <option value="-"> {{__('home.acount_name')}}</option>


                                            @foreach (App\Models\financial_accounts::where('orginal_type', 1)->get() as $section)
                                                <option value="{{ $section->id }}"> {{ $section->name }}
                                                    ({{ $section->account_number }})</option>
                                            @endforeach
                                        </select>
                                    </div><!-- col-4 -->

                                    <div class="col-lg-2 mg-t-20 mg-lg-t-0" id="type">
                                        <label class="form-label">{{ __('home.driver_supervisor') }} <span
                                                class="tx-danger">*</span></label>
                                        <select name="driver_supervisor" id="driver_supervisor_select"
                                            class="form-control select2">
                                            <option value="" selected disabled>-- اختر المشرف --</option>
                                            @foreach (App\Models\employee::where('supervisor', 1)->get() as $emp)
                                                <option value="{{ $emp->id }}">
                                                    {{ App::getLocale() == 'ar' ? $emp->name_ar : $emp->name_en }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col-lg-2 mg-t-20 mg-lg-t-0" id="type">
                                        <p class="mg-b-10">{{__('home.DRIVER_NAME')}}</p>
                                        <select class="form-control select2" name="driver_id" id="driver_id_select" required>
                                            <option value="">-- اختر السائق --</option>
                                        </select>
                                    </div>

                                    <div class="col">

                                        <label class="control-label parent-label">{{ __('home.loading') }}</label>
                                        <input type="text" class="form-control parent-input" name="loading" id="loading"
                                            required>
                                    </div>
                                    <div class="col">
                                        <label class="control-label parent-label">{{ __('home.Unloading') }}</label>
                                        <input type="text" class="form-control parent-input" name="Unloading" id="Unloading"
                                            required>
                                    </div>
                                    <input type="text" class="form-control parent-input" name="transactions_id"
                                        id="transactions_id" hidden>
                                    <div class="col">

                                        <label class="control-label parent-label">{{ __('home.truck_no') }}</label>
                                        <input type="text" class="form-control parent-input" name="truck_no" id="truck_no"
                                            required>
                                    </div>

                                    <input type="text" class="form-control parent-input" name="invoice_no" id="invoice_no"
                                        value='000' hidden required>
                                    <div class="col" id="end_at">
                                        <label class="parent-label" for="exampleFormControlSelect1">
                                            {{ __('home.date') }}</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <div class="input-group-text">
                                                    <i class="fas fa-calendar-alt"></i>
                                                </div>
                                            </div><input class="form-control parent-input fc-datepicker" id="date" name="date"
                                                placeholder="YYYY-MM-DD" type="text" required>
                                        </div><!-- input-group -->
                                    </div>

                                    <div class="col">
                                        <label class="control-label parent-label">{{ __('home.polica_number') }}</label>
                                        <input type="text" class="form-control parent-input" name="polica_number"
                                            id="polica_number" required>
                                    </div>
                                    <div class="col">

                                        <label class="control-label parent-label">{{ __('home.PRICE_SHIPMENT') }}</label>
                                        <input type="number" class="form-control parent-input" name="PRICE_SHIPMENT"
                                            id="PRICE_SHIPMENT" required>
                                    </div>

                                </div>


                         <div class="row mt-3">
                            <div class="col-md-3">
                                <label>{{ __('home.PO_NUMBER') }}</label>
                                <input type="text" name="po_number" id="po_number" class="form-control">
                            </div>
                            <div class="col-md-3">
                                <label>{{ __('home.MR_NUMBER') }}</label>
                                <input type="text" name="mr_number" id="mr_number" class="form-control">
                            </div>
                            <div class="col-md-3">
                                <label>{{ __('home.PO_STATUS') }}</label>
                                <select name="po_status" id="po_status" class="form-control">
                                    <option value="pending">{{ __('home.PENDING') }}</option>
                                    <option value="received">{{ __('home.RECEIVED') }}</option>
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label>{{ __('home.QUANTITY') }}</label>
                                <input type="number" step="0.01" name="quantity" id="quantity" class="form-control">
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label>{{ __('home.COMPANY_PRICE') }}</label>
                                <input type="number" step="0.01" name="company_price" id="company_price" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label>{{ __('home.COMPANY') }}</label>
                                <select id="city_select" name="city_id" class="form-control">
                                    <option value="">{{ __('home.SELECT_COMPANY') }}</option>
                                    @foreach($cities as $city)
                                        <option value="{{ $city->id }}">{{ $city->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label>{{ __('home.BRANCH') }}</label>
                                <select id="district_select" name="district_id" class="form-control" disabled>
                                    <option value="">{{ __('home.SELECT_BRANCH') }}</option>
                                </select>
                            </div>
                        </div>


















                                <div class="row">

                                    <div class="col">

                                        <label class="control-label parent-label">{{ __('home.delay') }}</label>
                                        <input type="number" class="form-control parent-input" name="delay" id="delay" value=0
                                            required>
                                    </div>
                                    <input type="number" hidden class="form-control parent-input" name="ext" id="ext" value=0
                                        required>
                                    <div class="col">

                                        <label class="control-label parent-label">{{ __('home.notesClient') }}</label>
                                        <input type="text" class="form-control parent-input" name="note" id="note" value="-"
                                            required>
                                    </div>
                                    <div class="form-group">
                                        <label> {{__('home.attachments')}}</label>
                                        <input autocomplete="off" onchange="readURL(this)" type="file" id="attachments"
                                            name="attachments" class="form-control">

                                    </div>


                                </div>

                                <br>

                                <div class="d-flex justify-content-center">
                                    <button type='submit' class="btn btn-success print-style p-1" id="button_1">
                                        {{ __('home.Add') }}
                                        <svg style="width: 20px" class="svg-icon-buttons" viewBox="0 0 20 20">
                                            <path fill="none"
                                                d="M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z">
                                            </path>
                                        </svg>
                                    </button>
                                    <br>

                                </div>
                                <br>
                                <br>


                                <div style="border-radius: 10px">

                                    <div class="card-body">
                                        <div class="table-responsive">
                                            <table id="example" class="table text-md-nowrap text-center our-table" width="100%"
                                                style="border: 2px solid rgba(0,0,0,.3);">
                                                <thead>
                                                    <tr>

                                                        <th class="border-bottom-0"> {{ __('home.no_liquidation') }}</th>
                                                        <th class="border-bottom-0"> {{ __('home.loading') }}</th>
                                                        <th class="border-bottom-0">{{ __('home.Unloading') }}</th>


                                                        <th class="border-bottom-0">{{ __('home.PO_NUMBER') }}</th>
                                                        <th class="border-bottom-0">{{ __('home.MR_NUMBER') }}</th>
                                                        <th class="border-bottom-0">{{ __('home.QUANTITY') }}</th>
                                                        <th class="border-bottom-0">{{ __('home.COMPANY_PRICE') }}</th>
                                                        <th class="border-bottom-0">{{ __('home.PO_STATUS') }}</th>
                                                        <th class="border-bottom-0">{{ __('home.COMPANY') }}</th>  {{-- city_id --}}
                                                        <th class="border-bottom-0">{{ __('home.BRANCH') }}</th>   {{-- district_id --}}



                                                        <th class="border-bottom-0">{{ __('home.truck_no') }}</th>
                                                        <th class="border-bottom-0">{{ __('home.invoice_no') }}</th>
                                                        <th class="border-bottom-0">{{ __('home.polica_number') }}</th>
                                                        <th class="border-bottom-0">{{ __('home.PRICE_SHIPMENT') }}</th>
                                                        <th class="border-bottom-0">{{ __('home.delay') }}</th>
                                                        <th class="border-bottom-0">{{ __('home.ext') }}</th>
                                                        <th class="border-bottom-0">{{ __('home.total') }}</th>
                                                        <th class="border-bottom-0">{{ __('home.notesClient') }}</th>
                                                        <th class="border-bottom-0">{{ __('home.operations') }}</th>

                                                    </tr>
                                                </thead>
                                                <tbody>




                                                    <tr>
                                                        <td>-</td>
                                                        <td>-</td>
                                                        <td>-</td>
                                                        <td>-</td>
                                                        <td>-</td>
                                                        <td>-</td>
                                                        <td>-</td>
                                                        <td>-</td>
                                                        <td>-</td>
                                                        <td>-</td>
                                                        <td>-</td>
                                                        <td>-</td>
                                                        <td>-</td>
                                                        <td>-</td>
                                                        <td>-</td>
                                                        <td>-</td>
                                                        <td>-</td>
                                                        <td>-</td>
                                                        <td>-</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>

                                    </div>
                                </div>

                        </div>


                        <br>



                        </form>

                        <center>


                            <div class="row  d-flex justify-content-end mt-3">



                                <div class='col ' id="printdiv">
                                    <input hidden type="text" class="form-control parent-input"
                                        name="Transactions_price_id_print" id="Transactions_price_id_print" value=0;>
                                    <input hidden type="text" class="form-control parent-input" name="Transactions_price"
                                        id="Transactions_price">


                                    <button class="btn btn-success p-1 px-2 fw-bolder"
                                        style="background-color: #419BB2;font-size:15px;width: 120px!important;height:30px"
                                        id="save_1">
                                        {{ __('home.savedecoument') }}
                                        <svg style="width: 20px" class="svg-icon-buttons" viewBox="0 0 20 20">
                                            <path fill="none"
                                                d="M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z">
                                            </path>
                                        </svg>
                                    </button>





                                    <br>
                                    <br>


                                </div>


                            </div>
                        </center>

                    </div>
                    <br>



                </div>

            </div>
        </div>

        <div class="modal fade product-selection"
            style="background-color: rgba(0, 0, 0, 0)!important;color: rgba(0, 0, 0, 0)!important;" id="loading"
            name="loading_modale" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" dir='rtl' aria-hidden="true">
            <div class="modal-dialog modal-xl"
                style="background-color: rgba(0, 0, 0, 0)!important;color: rgba(0, 0, 0, 0)!important;" role="document">
                <div class="modal-content">

                    <div class="modal-body" style="justify-content: center;">


                        <center><img style="width:250px;height:250px;" class="custom_img"
                                src="{{ asset('assets/admin/uploads/loading.png') }}">

                        </center>

                        <input type="hidden" id="token_search" value="{{ csrf_token() }}">



                    </div>


                </div>


            </div>
        </div>

        <!-- edit -->
        <div class="modal fade" id="increaseProduct" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div style="margin: 5% !important;" class="modal-dialog modal-special" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">{{ __('home.update_data_shipment') }}</h5>
                        <button type="button" class="close choose-close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>

                    <form enctype="multipart/form-data" method="POST" role="search" name="form-name" id='formdata_update'
                        autocomplete="off">
                        {{ csrf_field() }}
                        <input hidden type="text" class="form-control parent-input" name="id_update" id="id_update">
                        <div style="width:99%">
                            <div class="row">

                                <div style="width:1%">
                                </div>
                                <div class="col-lg-3 mg-t-20 mg-lg-t-0">

                                    <label class="control-label parent-label">{{ __('home.loading') }}</label>
                                    <input type="text" class="form-control parent-input" name="loading_update"
                                        id="loading_update" required>
                                </div>
                                <div class="col-lg-1 mg-t-20 mg-lg-t-0">
                                    <label class="control-label parent-label">{{ __('home.Unloading') }}</label>
                                    <input type="text" class="form-control parent-input" name="Unloading_update"
                                        id="Unloading_update" required>
                                </div>
                                <div class="col-lg-2 mg-t-20 mg-lg-t-0">

                                    <label class="control-label parent-label">{{ __('home.truck_no') }}</label>
                                    <input type="text" class="form-control parent-input" name="truck_no_update"
                                        id="truck_no_update" required>
                                </div>
                                <div class="col-lg-2 mg-t-20 mg-lg-t-0">
                                    <label class="control-label parent-label">{{ __('home.invoice_no') }}</label>
                                    <input type="text" class="form-control parent-input" name="invoice_no_update"
                                        id="invoice_no_update" required>
                                </div>
                                <div class="col-lg-2 mg-t-20 mg-lg-t-0">
                                    <label class="control-label parent-label">{{ __('home.polica_number') }}</label>
                                    <input type="text" class="form-control parent-input" name="polica_number_update"
                                        id="polica_number_update" required>
                                </div>
                            </div>



                            <div class="row mt-3">
            <div style="width:1%"></div>
            <div class="col-lg-3">
                <label class="parent-label">{{ __('home.PO_NUMBER') }}</label>
                <input type="text" name="po_number" id="po_number_update" class="form-control parent-input">
            </div>
            <div class="col-lg-3">
                <label class="parent-label">{{ __('home.MR_NUMBER') }}</label>
                <input type="text" name="mr_number" id="mr_number_update" class="form-control parent-input">
            </div>
            <div class="col-lg-3">
                <label class="parent-label">{{ __('home.PO_STATUS') }}</label>
                <select name="po_status" id="po_status_update" class="form-control parent-input">
                    <option value="pending">{{ __('home.PENDING') }}</option>
                    <option value="received">{{ __('home.RECEIVED') }}</option>
                </select>
            </div>
            <div class="col-lg-3">
                <label class="parent-label">{{ __('home.QUANTITY') }}</label>
                <input type="number" step="0.01" name="quantity" id="quantity_update" class="form-control parent-input">
            </div>
        </div>

        <div class="row mt-3">
            <div style="width:1%"></div>
            <div class="col-lg-4">
                <label>{{ __('home.COMPANY') }}</label>
                <select id="city_select_update" name="city_id" class="form-control parent-input">
                    <option value="">{{ __('home.SELECT_COMPANY') }}</option>
                    @foreach($cities as $city)
                        <option value="{{ $city->id }}">{{ $city->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-lg-4">
                <label>{{ __('home.BRANCH') }}</label>
                <select id="district_select_update" name="district_id" class="form-control parent-input" disabled>
                    <option value="">{{ __('home.SELECT_BRANCH') }}</option>
                </select>
            </div>
            <div class="col-lg-4">
                <label>{{ __('home.COMPANY_PRICE') }}</label>
                <input type="number" step="0.01" name="company_price" id="company_price_update" class="form-control parent-input">
            </div>
        </div>












                            <div class="row">
                                <div style="width:1%">
                                </div>
                                <div class="col">

                                    <label class="control-label parent-label">{{ __('home.PRICE_SHIPMENT') }}</label>
                                    <input type="number" class="form-control parent-input" name="PRICE_SHIPMENT_update"
                                        id="PRICE_SHIPMENT_update" required>
                                </div>
                                <div class="col-lg-2 mg-t-20 mg-lg-t-0">

                                    <label class="control-label parent-label">{{ __('home.delay') }}</label>
                                    <input type="text" class="form-control parent-input" name="delay_update" id="delay_update"
                                        required>
                                </div>
                                <div class="col-lg-2 mg-t-20 mg-lg-t-0">
                                    <label class="control-label parent-label">{{ __('home.ext') }}</label>
                                    <input type="text" class="form-control parent-input" name="ext_update" id="ext_update"
                                        required>
                                </div>
                                <div class="col-lg-3 mg-t-20 mg-lg-t-0">

                                    <label class="control-label parent-label">{{ __('home.notesClient') }}</label>
                                    <input type="text" class="form-control parent-input" name="note_update" id="note_update"
                                        required>
                                </div>
                                <div class="col-lg-2 mg-t-20 mg-lg-t-0 form-group">
                                    <label> {{__('home.attachments')}}</label>
                                    <input autocomplete="off" onchange="readURL(this)" type="file" id="attachments_update"
                                        name="attachments_update" class="form-control">

                                </div>


                            </div>
                        </div>



                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">{{__('home.cancel')}}</button>
                            <button type='submit' class="btn btn-danger">{{ __('home.confirm') }}</button>
                        </div>

                    </form>
                </div>
            </div>
        </div>


        <div class="modal p-3" id="createcustomer">
            <div style="margin: 0 9% !important;" class="modal-dialog modal-dialog-centered modal-special" role="document">
                <div class="modal-content modal-content-demo p-3">
                    <form>
                        <div class="modal-header">
                            <h6 class="modal-title"> {{ __('home.addnewcustomer') }} </h6><button aria-label="Close"
                                class="close close-special" data-dismiss="modal" type="button"><span
                                    aria-hidden="true">&times;</span></button>
                        </div>
                        {{ csrf_field() }}
                        <div class="row mb-1">
                            <div class="col-lg-4 col-md-6 col-md-4 mb-2">
                                <label style="font-size: 12px;" for="inputName" class="control-label parent-label">
                                    {{ __('supprocesses.name') }}</label>
                                <input style="height:32px" type="text" class="form-control parent-input" id="name" name="name"
                                    title="{{ __('supprocesses.name') }}" required>
                            </div>

                            <div class="col-lg-4 col-md-3 mb-2 col-md-3">
                                <label style="font-size: 12px;" for="inputName" class="control-label parent-label">
                                    {{ __('supprocesses.phone') }}</label>
                                <input style="height:32px;" type="text" class="form-control parent-input" id="phone"
                                    name="phone" onkeyup="phoneConvert()" title="{{ __('supprocesses.phone') }}">
                            </div>

                            <div class="col-lg-4 col-md-3 mb-2 col-md-3">
                                <label style="font-size: 12px;" for="inputName" class="control-label parent-label">
                                    {{ __('supprocesses.email') }}</label>
                                <input style="height:32px" type="text" class="form-control parent-input" id="email" name="email"
                                    title="{{ __('supprocesses.email') }}" value='Example@gmail.com'>
                            </div>
                            <!-- <div class="col-lg-3 col-md-3">
                                            <label for="inputName" class="control-label parent-label"> {{ __('home.current balance') }} </label>
                                            <input type="text" class="parent-input form-control" id="balance" name="balance"
                                                title="يرجي ادخال الكمية  " value="{{ $data['customer']->Balance ?? '0' }}"
                                                >
                                        </div> -->
                        </div>

                        {{-- 2 --}}
                        <div class="row mb-1">
                            <div class="col-lg-3 col-md-3">
                                <label style="font-size: 12px;" for="inputName" class="control-label parent-label">
                                    {{ __('supprocesses.timeout_periodـinـdays') }}</label>
                                <input style="height:32px" type="text" class="form-control parent-input"
                                    id="timeout_periodـinـdays" name="timeout_periodـinـdays"
                                    title="{{ __('supprocesses.timeout_periodـinـdays') }}"
                                    onkeyup="timeout_periodـinـdaysConvert()" value=30 required>
                            </div>
                            <div class="col-lg-3 col-md-3">
                                <label style="font-size: 12px;" for="inputName" class="control-label parent-label">
                                    {{ __('home.tax_number') }}</label>
                                <input style="height:32px" type="text" class="form-control parent-input" id="TaxـNumber"
                                    name="TaxـNumber" onkeyup="TaxـNumberConvert()" title="{{ __('supprocesses.TaxـNumber') }}">
                            </div>
                            <div class="col-lg-2 col-md-3">
                                <label style="font-size: 12px;" for="inputName" class="control-label parent-label">
                                    {{ __('home.CRN') }}</label>
                                <input style="height:32px" type="text" class="form-control parent-input" id="CRN" name="CRN"
                                    onkeyup="TaxـNumberConvert() " value=0 title="{{ __('supprocesses.TaxـNumber') }}">
                            </div>
                            <div class="col-lg-2 col-md-3">
                                <label style="font-size: 12px;" for="inputName" class="control-label parent-label">
                                    {{ __('supprocesses.credit_limit') }}</label>
                                <input style="height:32px" type="text" class="form-control parent-input" id="credit_limit"
                                    name="credit_limit" onkeyup="credit_limitConvert()"
                                    title="{{ __('supprocesses.credit_limit') }}" value=10000 required>
                            </div>

                            <div class="col-lg-2 col-md-3">
                                <label style="font-size: 12px;" for="inputName" class="control-label parent-label">
                                    {{ __('supprocesses.product_notes') }}</label>
                                <input style="height:32px" type="text" class="form-control parent-input" id="product_notes"
                                    name="product_notes" title="{{ __('supprocesses.product_notes') }}" value='-'>
                            </div>

                        </div>
                        <div class="row mb-3">

                            <div class="col-lg-2">
                                <label for="inputName" class="control-label parent-label">
                                    {{ __('home.city') }}</label>
                                <input type="text" class="form-control parent-input" id="city" name="city"
                                    title="{{ __('supprocesses.product_notes') }}" required value='-'>
                            </div>
                            <div class="col-lg-2">
                                <label for="inputName" class="control-label parent-label">
                                    {{ __('home.region') }}</label>
                                <input type="text" class="form-control parent-input" id="sub_city" name="sub_city"
                                    title="{{ __('supprocesses.product_notes') }}" required value='-'>
                            </div>

                            <div class="col-lg-2">
                                <label for="inputName" class="control-label parent-label">
                                    {{ __('home.StreetName') }}</label>
                                <input type="text" class="form-control parent-input" id="StreetName" name="StreetName"
                                    title="{{ __('supprocesses.product_notes') }}" required value='-'>
                            </div>
                            <div class="col-lg-2">
                                <label for="inputName" class="control-label parent-label">
                                    {{ __('home.plot_identification') }}</label>
                                <input type="text" class="form-control parent-input" id="plot_identification"
                                    name="plot_identification" title="{{ __('supprocesses.product_notes') }}" required value=0>
                            </div>
                            <div class="col-lg-2">
                                <label for="inputName" class="control-label parent-label">
                                    {{ __('home.buildnumber') }}</label>
                                <input type="text" class="form-control parent-input" id="buildnumber" name="buildnumber"
                                    title="{{ __('supprocesses.product_notes') }}" required value=0>
                            </div>
                            <div class="col-lg-2">
                                <label for="inputName" class="control-label parent-label">
                                    {{ __('home.postcode') }}</label>
                                <input type="text" class="form-control parent-input" id="postcode" name="postcode"
                                    title="{{ __('home.postcode') }}" required value=0>
                            </div>


                        </div>
                        <br>
                        <div class="d-flex justify-content-center">
                            <button style="background-color: #419BB2" class="btn btn-primary p-1" data-dismiss="modal"
                                onclick="createnewcustomerajax()">
                                {{ __('supprocesses.save_data') }}
                                <svg style="width: 20px" class="svg-icon-buttons" viewBox="0 0 20 20">
                                    <path fill="none"
                                        d="M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z">
                                    </path>
                                </svg>
                            </button>
                        </div>
                </div>

            </div>
        </div>
        </div>

    @endsection
@section('js')
    <!-- Internal Data tables -->

    <script src="{{ URL::asset('assets/plugins/datatable/js/responsive.bootstrap4.min.js') }}"></script>
    <!--Internal  Datatable js -->
    <script src="{{ URL::asset('assets/js/table-data.js') }}"></script>

    <!--Internal  Datepicker js -->
    <script src="{{ URL::asset('assets/plugins/jquery-ui/ui/widgets/datepicker.js') }}"></script>
    <!--Internal  jquery.maskedinput js -->
    <script src="{{ URL::asset('assets/plugins/jquery.maskedinput/jquery.maskedinput.js') }}"></script>
    <!--Internal  spectrum-colorpicker js -->
    <script src="{{ URL::asset('assets/plugins/spectrum-colorpicker/spectrum.js') }}"></script>
    <!-- Internal Select2.min js -->
    <script src="{{ URL::asset('assets/plugins/select2/js/select2.min.js') }}"></script>
    <!--Internal Ion.rangeSlider.min js -->
    <script src="{{ URL::asset('assets/plugins/ion-rangeslider/js/ion.rangeSlider.min.js') }}"></script>
    <!--Internal  jquery-simple-datetimepicker js -->
    <script src="{{ URL::asset('assets/plugins/amazeui-datetimepicker/js/amazeui.datetimepicker.min.js') }}"></script>
    <!-- Ionicons js -->
    <script src="{{ URL::asset('assets/plugins/jquery-simple-datetimepicker/jquery.simple-dtpicker.js') }}"></script>
    <!--Internal  pickerjs js -->
    <script src="{{ URL::asset('assets/plugins/pickerjs/picker.min.js') }}"></script>
    <!-- Internal form-elements js -->
    <script src="{{ URL::asset('assets/js/form-elements.js') }}"></script>

    <script>
    $(document).ready(function() {
    $('#city_select').on('change', function() {
        var cityId = $(this).val();
        var districtSelect = $('#district_select');

        // مسح المناطق القديمة
        districtSelect.empty().append('<option value="">{{ __("home.Select District") }}</option>');

        if (cityId) {
            // تفعيل الدروب داون التانية وإرسال الطلب
            $.ajax({
                url: '/get-districts/' + cityId,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    districtSelect.prop('disabled', false);
                    $.each(data, function(key, value) {
                        districtSelect.append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                },
                error: function() {
                    console.log('Error fetching districts');
                }
            });
        } else {
            districtSelect.prop('disabled', true);
        }
    });
});
</script>
    <script>

        $('#driver_supervisor_select').on('change', function () {
            var supervisorId = $(this).val();

            if (supervisorId) {
                $.ajax({
                    url: "{{ URL::to('get-drivers-by-supervisor') }}/" + supervisorId,
                    type: "GET",
                    dataType: "json",
                    success: function (data) {
                        console.log(data)
                        // 1. تفريغ القائمة
                        $('#driver_id_select').empty();


                        // 3. إضافة البيانات القادمة من السيرفر
                        $.each(data, function (key, value) {
                            $('#driver_id_select').append('<option value="' + key + '">' + value + '</option>');
                        });

                        // 4. خطوة جوهرية: إخبار Select2 أن البيانات تغيرت ليعيد رسمها
                        $('#driver_id_select').trigger('change');
                    },
                    error: function (xhr, status, error) {
                        console.error("حدث خطأ في جلب البيانات: " + error);
                    }
                });
            } else {
                $('#driver_id_select').empty().trigger('change');
            }
        });
    </script>
    <script>

        function createnewcustomerajax() {


            console.log('+++++++++++++++++++++++++++++++++create customer ++++++++++++++++++++++++++++++++');
            var url = " {{ URL::to('createnewcustomerajax') }}";

            var token_search = $("#token_search").val();
            if ($('#name').val() == '') {
                alert("{{ __('home.enterclienname') }}")
            } else if ($('#buildnumber').val() == '') {
                alert("{{ __('home.buildnumber') }}")
            } else if ($('#plot_identification').val() == '') {
                alert("{{ __('home.plot_identification') }}")
            } else if ($('#postcode').val() == '') {
                alert("{{ __('home.postcode') }}")
            } else if ($('#StreetName').val() == '') {
                alert("{{ __('home.StreetName') }}")
            } else if ($('#city').val() == '') {
                alert("{{ __('home.city') }}")
            } else if ($('#sub_city').val() == '') {
                alert("{{ __('home.sub_city') }}")
            } else if ($('#TaxـNumber').val().length != 15) {
                alert('يجب ان يكون رقم الضريبي مكون من 15 رقم     \n    The tax number must consist of 15 digits')
            } else {

                $('#createcustomer').modal().hide();

                $.ajax({
                    url: url,
                    type: 'post',
                    cache: false,

                    data: {
                        _token: token_search,
                        name: $('#name').val(),
                        tax_no: $('#TaxـNumber').val(),
                        Balance: 0,
                        city: $('#city').val() ?? "client address",
                        phone: $('#phone').val(),
                        email: $('#email').val(),
                        notes: $('#product_notes').val(),
                        Limit_credit: $('#credit_limit').val(),
                        grace_period_in_days: $('#timeout_periodـinـdays').val(),
                        buildnumber: $('#buildnumber').val(),
                        plot_identification: $('#plot_identification').val(),
                        StreetName: $('#StreetName').val(),
                        sub_city: $('#sub_city').val(),
                        postcode: $('#postcode').val(),
                        CRN: $('#CRN').val(),
                    },


                    success: function (data) {
                        $('#phone').val('');
                        $('#TaxـNumber').val('');
                        $('#name').val('')
                        console.log('seccusss12111');
                        console.log(data)
                        $('#clientnamesearch').append($('<option >', {
                            value: data['id'],
                            text: data['name'] + data['tax_no']
                        }));
                        $('#clientnamesearch').val(data['id']).change();


                        $('#massagesave').modal().show();
                        setTimeout(() => {
                            $('#massagesave').modal('hide');

                        }, 500);
                    },
                    error: function (response) {
                        console.log(response)
                        alert("{{ __('home.sorryerror') }}")

                    }
                });







            }



        }

        $("#save_1").click(function (e) {

            Transactions_price_id_print = $('#Transactions_price_id_print').val();
            var token_search = $("#token_search").val();
            var url = " {{ URL::to('save_transaction_details') }}";

            $.ajax({
                url: url,
                type: 'post',
                cache: false,

                data: {
                    _token: token_search,
                    Transactions_price_id_print: $('#Transactions_price_id_print').val(),
                },
                success: function (data) {
                    if (data == 1) {
                        window.open("{{ URL::to('recent_liquidation') }}");
                    }


                },
                error: function (response) {
                    console.log(response)
                    alert("{{ __('home.sorryerror') }}")

                }
            })

        });
        var date = $('.fc-datepicker').datepicker({
            dateFormat: 'yy-mm-dd'
        }).val();

       $('#increaseProduct').on('show.bs.modal', function (event) {
    var button = $(event.relatedTarget)

    // سحب البيانات القديمة
    var id = button.data('id')
    var loading = button.data('loading')
    var unloading = button.data('unloading')
    var truck_data = button.data('truck_data')
    var invoice_number = button.data('invoice_number')
    var price_shipment = button.data('price_shipment')
    var polica_number = button.data('polica_number')
    var Daily = button.data('daily')
    var Ext = button.data('ext')
    var note_detaials = button.data('note_detaials')

    // --- سحب الـ 7 حقول الجداد (التركيز هنا) ---
    var po_number = button.data('po_number')
    var mr_number = button.data('mr_number')
    var quantity = button.data('quantity')
    var company_price = button.data('company_price')
    var po_status = button.data('po_status')
    var city_id = button.data('city_id')
    var district_id = button.data('district_id')
    // ---------------------------------------

    var modal = $(this)

    // تعبئة الحقول القديمة في المودال
    modal.find('#id_update').val(id);
    modal.find('#loading_update').val(loading);
    modal.find('#Unloading_update').val(unloading);
    modal.find('#truck_no_update').val(truck_data);
    modal.find('#invoice_no_update').val(invoice_number);
    modal.find('#PRICE_SHIPMENT_update').val(price_shipment);
    modal.find('#delay_update').val(Daily);
    modal.find('#polica_number_update').val(polica_number);
    modal.find('#ext_update').val(Ext);
    modal.find('#note_update').val(note_detaials);

    // --- تعبئة الحقول الجديدة في المودال ---
    modal.find('#po_number_update').val(po_number);
    modal.find('#mr_number_update').val(mr_number);
    modal.find('#quantity_update').val(quantity);
    modal.find('#company_price_update').val(company_price);
    modal.find('#po_status_update').val(po_status);

    modal.find('#city_select_update').val(city_id).trigger('change');

        // 2. ننتظر قليلاً حتى ينتهي الأياكس من تحميل الفروع ثم نختار الفرع
        setTimeout(function() {
            modal.find('#district_select_update').val(district_id).trigger('change');
        }, 800); // تأخير بسيط لضمان تحميل قائمة الفروع

        })
    </script>



    <script>

        $("#formdata_update").on('submit', function (e) {
            e.preventDefault();
            console.log('*********************')

            var url = " {{ URL::to('update_describtion') }}";
            var token_search = $("#token_search").val();
            {
                $('#loading_modale').modal().show();

                $.ajax({
                    url: url,
                    type: 'post',
                    cache: false,

                    contentType: false,
                    processData: false,
                    data: new FormData(this),


                    success: function (data) {
                        $('#attachments_update').val('')
                        $('#ext_update').val('')
                        $('#delay_update').val('')
                        $('#PRICE_SHIPMENT_update').val('')
                        $('#polica_number_update').val('')
                        $('#invoice_no_update').val('')
                        $('#truck_no_update').val('')
                        $('#Unloading_update').val('')
                        $('#loading_update').val('')
                        $('#po_number_update').val('');
                        $('#mr_number_update').val('');
                        $('#quantity_update').val('0');
                        $('#company_price_update').val('0');
                        $('#po_status_update').val('pending'); // أو الحالة الافتراضية عندك

                        $('#transactions_id').val(data['id'])


                        let table = document.getElementById("example");
                        var tableHeaderRowCount = 1;

                        var rowCount = table.rows.length;

                        for (var i = tableHeaderRowCount; i < rowCount; i++) {
                            table.deleteRow(tableHeaderRowCount);
                        }

                        i = 0;

                        data['shipments_details'].forEach(async (product) => {

                            i = i + (product['Ext'] * 1) + (product['price_shipment'] * 1);

                            update = ' <a style="width:40px;height:20px" class="modal-effect btn btn-sm btn-warning mb-1" data-effect="effect-scale" data-id='

                      let updateBtn = ` <a style="width:40px;height:20px" class="modal-effect btn btn-sm btn-warning mb-1"
                        data-effect="effect-scale"
                        data-id="${product['id']}"
                        data-loading="${product['loading']}"
                        data-unloading="${product['unloading']}"
                        data-truck_data="${product['truck_data']}"
                        data-po_number="${product['po_number'] || ''}"
                        data-mr_number="${product['mr_number'] || ''}"
                        data-quantity="${product['quantity'] || 0}"
                        data-company_price="${product['company_price'] || 0}"
                        data-po_status="${product['po_status'] || ''}"
                        data-city_id="${product['city_id'] || ''}"
                        data-district_id="${product['district_id'] || ''}"
                        data-invoice_number="${product['invoice_number']}"
                        data-price_shipment="${product['price_shipment']}"
                        data-polica_number="${product['polica_number']}"
                        data-Daily="${product['Daily']}"
                        data-Ext="${product['Ext']}"
                        data-note_detaials="${product['note_detaials']}"
                        data-toggle="modal" href="#increaseProduct" title="تعديل"><i class="las la-align-justify"></i></a>`;

                    // --- 3. تعبئة الخلايا بالترتيب المظبوط ---
                    row.insertCell(0).innerText = data['id'];          // رقم التصفية
                    row.insertCell(1).innerText = product['loading'];   // التحميل
                    row.insertCell(2).innerHTML = product['unloading']; // التفريغ

                    // الـ 7 حقول الجداد (من الخلية 4 لـ 10)
                    row.insertCell(3).innerText = product['po_number'] || '-';
                    row.insertCell(4).innerText = product['mr_number'] || '-';
                    row.insertCell(5).innerText = product['quantity'] || '0';
                    row.insertCell(6).innerText = product['company_price'] || '0';
                    row.insertCell(7).innerText = statusArabic;        // الحالة (عربي)
                    row.insertCell(8).innerText = cityName;            // الشركة (الاسم)
                    row.insertCell(9).innerText = districtName;        // الفرع (الاسم)

                    // الحقول القديمة (تبدأ من الخلية 11)
                    row.insertCell(10).innerText = product['truck_data'];
                    row.insertCell(11).innerText = product['invoice_number'];
                    row.insertCell(12).innerText = product['polica_number'];
                    row.insertCell(13).innerText = product['price_shipment'];
                    row.insertCell(14).innerText = product['Daily'];
                    row.insertCell(15).innerText = product['Ext'];

                    // الإجمالي
                    row.insertCell(16).innerText = (product['Ext'] * 1) - (product['Daily'] * 1) + (product['price_shipment'] * 1);

                    row.insertCell(17).innerText = product['note_detaials'] || '-'; // ملاحظات
                    row.insertCell(18).innerHTML = updateBtn;                       // الزرار
                })
                       let row = table.insertRow(-1); // إضافة صف الإجمالي في النهاية

                        // إنشاء 18 خلية (من c1 لـ c18) عشان يطابقوا صفوف البيانات
                        let c1 = row.insertCell(0);
                        let c2 = row.insertCell(1);
                        let c3 = row.insertCell(2);
                        let c4 = row.insertCell(3);
                        let c5 = row.insertCell(4);
                        let c6 = row.insertCell(5);
                        let c7 = row.insertCell(6);
                        let c8 = row.insertCell(7);
                        let c9 = row.insertCell(8);
                        let c10 = row.insertCell(9);
                        let c11 = row.insertCell(10);
                        let c12 = row.insertCell(11);
                        let c13 = row.insertCell(12);
                        let c14 = row.insertCell(13);
                        let c15 = row.insertCell(14);
                        let c16 = row.insertCell(15);
                        let c17 = row.insertCell(16); // خلية الإجمالي الكلي (Total Sum)
                        let c18 = row.insertCell(17);
                        let c19 = row.insertCell(18); // خلية العمليات (فاضية في الإجمالي)

                        // وضع علامة '-' في كل الخلايا
                        c1.innerText = '-';
                        c2.innerText = '-';
                        c3.innerHTML = '-';
                        c4.innerText = '-';
                        c5.innerText = '-';
                        c6.innerText = '-';
                        c7.innerText = '-';
                        c8.innerText = '-';
                        c9.innerText = '-';
                        c10.innerText = '-';
                        c11.innerText = '-';
                        c12.innerText = '-';
                        c13.innerText = '-';
                        c14.innerText = '-';
                        c15.innerText = '-';
                        c16.innerText = '-';

                        // وضع المجموع (i) في عمود الإجمالي الصحيح
                        c17.innerText = i;

                        c18.innerText = '-';
                        c19.innerText = '-';

                        setTimeout(() => {
                            $('#loading_modale').modal('hide');

                        }, 500);
                    },
                    error: function (response) {
                        console.log(response['responseText'])
                        alert("{{ __('home.sorryerror') }}")

                    }
                })




            }



        })


        $("#formdata").on('submit', function (e) {
            document.getElementById('button_1').hidden = true
            e.preventDefault();

            var url = " {{ URL::to('add_describtion') }}";
            var token_search = $("#token_search").val();
            {

                $.ajax({
                    url: url,
                    type: 'post',
                    cache: false,

                    contentType: false,
                    processData: false,
                    data: new FormData(this),


                    success: function (data) {
                        $('#attachments').val('')
                        $('#ext').val('0')
                        $('#delay').val('0')
                        $('#PRICE_SHIPMENT').val('')
                        $('#polica_number').val('')
                        $('#invoice_no').val('')
                        $('#truck_no').val('')
                        $('#Unloading').val('')
                        $('#loading').val('')

                        $('#po_number').val('');          // رقم PO
                        $('#mr_number').val('');          // رقم MR
                        $('#quantity').val('0');          // الكمية
                        $('#company_price').val('0');     // سعر الشركة
                        $('#po_status').val('pending');   // رجوع الحالة للوضع الافتراضي
                        $('#city_select').val('').trigger('change');    // تصفير الشركة (المدينة)
                        $('#district_select').val('').trigger('change'); // تصفير الفرع (المنطقة)


                        $('#transactions_id').val(data['id'])
                        $('#Transactions_price_id_print').val(data['id'])


                        let table = document.getElementById("example");
                        var tableHeaderRowCount = 1;

                        var rowCount = table.rows.length;

                        for (var i = tableHeaderRowCount; i < rowCount; i++) {
                            table.deleteRow(tableHeaderRowCount);
                        }

                        i = 0;

                        data['shipments_details'].forEach(async (product) => {

                            i = i + (product['Ext'] * 1) - (product['Daily'] * 1) + (product['price_shipment'] * 1);

                            let row = table.insertRow(-1); // We are adding at the end


                            let statusArabic = '';
                            if(product['po_status'] == 'pending') statusArabic = 'قيد الانتظار';
                            else if(product['po_status'] == 'received') statusArabic = 'مكتمل';
                            else statusArabic = product['po_status'] || '-';

                            // --- جلب أسماء الشركة والفرع ---
                            // بنشوف لو العلاقة موجودة بناخد الـ name، لو مش موجودة بنحط الـ ID كاحتياطي
                            let cityName = product['city'] ? product['city']['name'] : (product['city_id'] || '-');
                            let districtName = product['district'] ? product['district']['name'] : (product['district_id'] || '-');



                   let updateBtn = ` <a style="width:40px;height:20px" class="modal-effect btn btn-sm btn-warning mb-1"
                    data-effect="effect-scale"
                    data-id="${product['id']}"
                    data-loading="${product['loading']}"
                    data-unloading="${product['unloading']}"
                    data-truck_data="${product['truck_data']}"
                    data-po_number="${product['po_number'] || ''}"
                    data-mr_number="${product['mr_number'] || ''}"
                    data-quantity="${product['quantity'] || 0}"
                    data-company_price="${product['company_price'] || 0}"
                    data-po_status="${product['po_status'] || ''}"
                    data-city_id="${product['city_id'] || ''}"
                    data-district_id="${product['district_id'] || ''}"
                    data-invoice_number="${product['invoice_number']}"
                    data-price_shipment="${product['price_shipment']}"
                    data-polica_number="${product['polica_number']}"
                    data-Daily="${product['Daily']}"
                    data-Ext="${product['Ext']}"
                    data-note_detaials="${product['note_detaials']}"
                    data-toggle="modal" href="#increaseProduct" title="تعديل"><i class="las la-align-justify"></i></a>`;

                // --- 3. تعبئة الخلايا بالترتيب المظبوط ---
                row.insertCell(0).innerText = data['id'];          // رقم التصفية
                row.insertCell(1).innerText = product['loading'];   // التحميل
                row.insertCell(2).innerHTML = product['unloading']; // التفريغ

                // الـ 7 حقول الجداد (من الخلية 4 لـ 10)
                row.insertCell(3).innerText = product['po_number'] || '-';
                row.insertCell(4).innerText = product['mr_number'] || '-';
                row.insertCell(5).innerText = product['quantity'] || '0';
                row.insertCell(6).innerText = product['company_price'] || '0';
                row.insertCell(7).innerText = statusArabic;        // الحالة (عربي)
                row.insertCell(8).innerText = cityName;            // الشركة (الاسم)
                row.insertCell(9).innerText = districtName;        // الفرع (الاسم)

                // الحقول القديمة (تبدأ من الخلية 11)
                row.insertCell(10).innerText = product['truck_data'];
                row.insertCell(11).innerText = product['invoice_number'];
                row.insertCell(12).innerText = product['polica_number'];
                row.insertCell(13).innerText = product['price_shipment'];
                row.insertCell(14).innerText = product['Daily'];
                row.insertCell(15).innerText = product['Ext'];

                // الإجمالي
                row.insertCell(16).innerText = (product['Ext'] * 1) - (product['Daily'] * 1) + (product['price_shipment'] * 1);

                row.insertCell(17).innerText = product['note_detaials'] || '-'; // ملاحظات
                row.insertCell(18).innerHTML = updateBtn;                       // الزرار
            })
                       let row = table.insertRow(-1); // إضافة صف في نهاية الجدول

                        // إنشاء 19 خلية عشان تطابق الـ Header
                        let c1 = row.insertCell(0);
                        let c2 = row.insertCell(1);
                        let c3 = row.insertCell(2);
                        let c4 = row.insertCell(3);
                        let c5 = row.insertCell(4);
                        let c6 = row.insertCell(5);
                        let c7 = row.insertCell(6);
                        let c8 = row.insertCell(7);
                        let c9 = row.insertCell(8);
                        let c10 = row.insertCell(9);
                        let c11 = row.insertCell(10);
                        let c12 = row.insertCell(11);
                        let c13 = row.insertCell(12);
                        let c14 = row.insertCell(13);
                        let c15 = row.insertCell(14);
                        let c16 = row.insertCell(15);
                        let c17 = row.insertCell(16); // خلية الإجمالي (المجموع i)
                        let c18 = row.insertCell(17);
                        let c19 = row.insertCell(18);

                        // تعبئة الخلايا بـ '-'
                        c1.innerText = '-'
                        c2.innerText = '-'
                        c3.innerHTML = '-'
                        c4.innerText = '-'
                        c5.innerText = '-'
                        c6.innerText = '-'
                        c7.innerText = '-'
                        c8.innerText = '-'
                        c9.innerText = '-'
                        c10.innerText = '-'
                        c11.innerText = '-'
                        c12.innerText = '-'
                        c13.innerText = '-'
                        c14.innerText = '-'
                        c15.innerText = '-'
                        c16.innerText = '-'

                        // وضع المجموع i في عموده الصحيح (رقم 17)
                        c17.innerText = i

                        c18.innerText = '-'
                        c19.innerText = '-'

                        setTimeout(() => {
                            $('#loading_modale').modal('hide');

                        }, 500);
                    },
                    error: function (response) {
                        console.log(response['responseText'])
                        alert("{{ __('home.sorryerror') }}")

                    }
                })




            }

            setTimeout(() => {
                document.getElementById('button_1').hidden = false

            }, 500);


        })


    </script>


@endsection