@extends('newDashboard.index')

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

        /* Spinner styles */
        .spinner {
            width: 5em;
            height: 5em;
            border: 0.5em solid rgba(0, 0, 0, 0.1);
            border-left-color: #8daf21;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            z-index: 9999999999999999999999999999999999999999999999999999999999;
            /*   margin-left:260px; */
        }

        .text-green {
            margin-top: 10px;

        }

        .text-green span {
            color: #8daf21;
            font-weight: bold;
        }

        .spinner-layer {
            position: fixed;
            width: 100%;
            overflow: hidden;
            height: 100%;
            background: #f2edf3;
            z-index: 999999999999999;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            gap: 10px;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
        }

        /* Spinner animation */
        @keyframes spin {
            to {
                transform: rotate(360deg);
            }
        }

        .CUSTOM-d-none {
            display: none
        }

        #carton-meat-area {
            background-color: #eee !important;
            border-radius: 12px !important;
        }
    </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="mdi mdi-cards-variant menu-icon"></i>
                </span> {{ __('messages.Sales System') }} ({{__("Temporary System")}})
            </h3>
        </div>
        <div class="row">
            <div id="success_message"></div>
            @permission('sales-invoices-create')
            <div class="buttons-container">
                <a class="btn btn-primary float-end "
                   href="{{ route('temp-sales.create') }}">{{ __('messages.Add Invoice') }}</a>
            </div>
            @endpermission
            <input type="hidden" name="hidden_page" id="hidden_page" value="1"/>
            <input type="hidden" id="user-index" value="{{ route('sales.index') }}"/>
            <input type="hidden" id="add-ajax-route" value="{{ route('user.add.data') }}"/>
            <input type="hidden" id="update-ajax-route" value="{{ route('sales.update') }}"/>
            <input type="hidden" id="delete-ajax-route" value="{{ route('user.delete.data') }}"/>
            <input type="hidden" id="pdf-ajax-route" value="{{ route('sale-without-price-print-all-invoices') }}"/>
            <input type="hidden" id="get-sale-data-route" value="{{ route('sale.get.data') }}"/>
            <input type="hidden" id="return-sale-route" value="{{ route('sale.return') }}"/>

            <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-4 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 class="col-12 col-md-4 col-xl-3 customselectcss">
                                <div class="form-group mb-3 px-2">
                                    <label class="col-form-label">{{ __('messages.Customer') }}:</label>
                                    <select id="customersFilter" class="select2 form-control">
                                        <option value="0">
                                            {{ __('validation.Select', ['attribute' => __('messages.Customer')]) }}
                                        </option>
                                        @foreach ($customersFilter as $customersFilter)
                                            <option value="{{ $customersFilter->id }}">{{ $customersFilter->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-12 col-md-5 col-xl-3 customselectcss">
                                <div class="form-group mb-3 px-2">
                                    <label class="col-form-label">{{ __('messages.Item') }}:</label>
                                    <select id="ItemSelect" class="select2">
                                        <option value="0">
                                            {{ __('validation.Select', ['attribute' => __('messages.Item')]) }}</option>
                                        @foreach ($itemNames as $id => $name)
                                            <option value="{{ $id }}">{{ $name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <thead>
                    <tr>
                        <th>{{ __('messages.ID') }}</th>
                        <th>{{ __('messages.Serial number') }}</th>
                        <th>{{ __('messages.Status') }}</th>
                        <th>{{ __('Total') }}</th>
                        <th>{{ __('messages.Customer') }}</th>
                        <th>{{ __('messages.Owner status') }}</th>
                        <th>{{ __('messages.Date') }}</th>
                        <th>{{ __('messages.User Name') }}</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="modal fade" id="edit-modal" tabindex="-1" aria-labelledby="editModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <form method="POST" action="{{route('temp-sale-update-sale')}}"
                      id="temp-sale-update-form">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title" id="editModalLabel">{{ __('messages.Update Sales Data') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body row">
                        <ul id="update_msgList"></ul>
                        <input type="hidden" id="id"/>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12 mx-auto">
                                    <ul class="nav nav-pills nav-pills-custom justify-content-center" id="pills-tab"
                                        role="tablist">
                                        <li class="nav-item">
                                            <a class="nav-link active" id="pills-purchase-tab" data-bs-toggle="pill"
                                               href="#pills-purchase" role="tab" aria-controls="pills-home"
                                               aria-selected="true">{{ __('messages.Sales data') }}</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="pills-items-tab" data-bs-toggle="pill"
                                               href="#pills-items" role="tab" aria-controls="pills-contact"
                                               aria-selected="false"> {{ __('messages.Items') }} </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link mb-2" id="pills-contact-tab" data-bs-toggle="pill"
                                               href="#pills-items-description" role="tab"
                                               aria-controls="pills-description"
                                               aria-selected="false"> {{ __('Items Description') }} </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="pills-Files-tab" data-bs-toggle="pill"
                                               href="#pills-Files" role="tab" aria-controls="pills-Files"
                                               aria-selected="false">{{ __('messages.Sales files') }}</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="pills-add-Files-tab" data-bs-toggle="pill"
                                               href="#pills-add-Files" role="tab" aria-controls="pills-Files"
                                               aria-selected="false">{{ __('messages.Add Sales files') }}</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content tab-content-custom-pill" id="pills-tabContent">
                                        <div class="tab-pane fade show active" id="pills-purchase" role="tabpanel"
                                             aria-labelledby="pills-purchase">
                                            <div class="row">
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for=""> {{ __('messages.Serial number') }}</label>
                                                    <input type="text" id="edit-serial-number" readonly required
                                                           class=" form-control">
                                                </div>
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for=""> {{ __('messages.Status') }}</label>
                                                    <input type="text" id="edit-status" readonly required
                                                           class=" form-control" value="Pending">
                                                </div>
                                                <!--                                             <div class="form-group mb-3 col-md-6"> -->
                                                <!--                                                 <label for="">{{ __('messages.Status') }}</label> -->
                                                <!--                                                 <select id="edit-status" class="form-control"> -->
                                                <!-- 												  <option value="0">{{ __('validation.Select', ['attribute' => __('messages.Status')]) }}</option> -->
                                                <!--                                                	  <option value="pending">Pending</option> -->
                                                <!--                                                	  <option value="completed">Completed</option> -->
                                                <!-- 	                                            </select> -->
                                                <!--                                             </div> -->
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for=""> {{ __('messages.Subtotal') }}</label>
                                                    <input id="edit-subtotal" class="form-control" type="text" readonly
                                                           min="0">
                                                </div>
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for=""> {{ __('messages.Discount Type') }}</label>
                                                    <select name="discount_type" id="edit-discount-type"
                                                            class=" form-control">
                                                        <option value="0"
                                                                selected>{{ __('messages.Select an Option') }}</option>
                                                        <option value="fixed">{{ __('messages.Fixed') }}</option>
                                                        <option value="percentage">{{ __('messages.Percentage') }}</option>
                                                    </select>
                                                </div>
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for=""> {{ __('messages.Discount Amount') }}</label>
                                                    <input name="discount_amount" id="edit-discount-amount"
                                                           class="form-control" type="number"
                                                           step="0.01"
                                                           min="0">
                                                </div>
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for="Role">{{ __('messages.Total price') }}</label>
                                                    <input type="text" readonly id="edit-total-price" required
                                                           class=" form-control">
                                                </div>
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for="">{{ __('messages.Date') }}</label>
                                                    <input name="date_time" type="text" readonly id="edit-created-at"
                                                           required
                                                           class=" form-control">
                                                </div>
                                                @permission('sales-invoices-approve')
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for="">{{ __('messages.Owner Status') }}</label>
                                                    <select name="owner_status" id="edit-owner-status"
                                                            class="form-control">
                                                        <option value="0">
                                                            {{ __('validation.Select', ['attribute' => __('Owner Status')]) }}
                                                        </option>
                                                        <option value="pending">{{ __('Pending') }}</option>
                                                        <option value="approve">{{ __('messages.Approve') }}</option>
                                                    </select>
                                                </div>
                                                @endpermission
                                            </div>
                                        </div>
                                        <input type="hidden" id="get-quantityata-ajax-route"
                                               value="{{ route('inventory.check.quantityata') }}"/>
                                        <div class="tab-pane fade" id="pills-items" role="tabpanel"
                                             aria-labelledby="pills-items">
                                            <h4 class="card-title">{{ __('messages.Items') }}</h4>
                                            <div class="row p-3" style="background: #fff;">

                                                <div class="form-group mb-3 col-md-6">
                                                    <label class="required"
                                                           for=""> {{__('messages.Item')}}</label>
                                                    <select id="item"
                                                            class="select2-modal  form-control">
                                                        <option value="0">{{ __('validation.Select', ['attribute' => __('messages.Item')]) }}</option>
                                                        @foreach($items as $item)
                                                            <option value="{{$item->id}}"
                                                                    data-item-is-carton="{{$item->isCartonMeat()}}"
                                                                    data-item-is-meat="{{$item->isMeat()}}"
                                                                    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 mb-3 col-md-6">
                                                    <label class="required"
                                                           for=""> {{__('messages.Inventory')}}</label>
                                                    <select id="inventor_id"
                                                            class="select2-modal form-control">
                                                        <option value="0">{{ __('validation.Select', ['attribute' => __('messages.Inventory')]) }}</option>
                                                        @foreach($inventories as $inventory)
                                                            <option value="{{$inventory->id}}">{{$inventory->name}}</option>
                                                        @endforeach
                                                    </select>
                                                    <div class="inventoryId-error d-none text-danger">{{ __('validation.required', ['attribute' => __('messages.Inventory')]) }}</div>
                                                </div>
                                                <div class="form-group mb-3 col-md-6">
                                                    <label class="required quantity_and_weight_label"
                                                           for="validationServer05">{{__('messages.Quantity')}}
                                                        <small class="text-muted"
                                                               id="automatic-count"></small></label>
                                                    <input name="quantity" id="quantity" type="number"
                                                           step="0.000"

                                                           class="form-control">
                                                    <div class="quantity-error d-none text-danger "
                                                         id="validationServer05">{{ __('validation.required', ['attribute' => __('messages.quantity')]) }}</div>
                                                    <div id="validationServer05Feedback"
                                                         class="invalid-feedback customQntText">
                                                        {{__('messages.quantity not exist')}}
                                                    </div>

                                                </div>
                                                <div class="form-group mb-3 col-md-6">
                                                    <label class="required"
                                                           for="validationServer05">{{__('messages.price')}}
                                                        <small class="text-muted"
                                                               id="automatic-count"></small></label>
                                                    <input name="quantity" id="price" type="number"
                                                           step="0.000"

                                                           class="form-control">
                                                    <div class="quantity-error d-none text-danger "
                                                         id="validationServer05">{{ __('validation.required', ['attribute' => __('messages.quantity')]) }}</div>
                                                    <div id="validationServer05Feedback"
                                                         class="invalid-feedback customQntText">
                                                        {{__('messages.quantity not exist')}}
                                                    </div>

                                                </div>

                                                <div class="col-md-12 text-danger d-none error-quantity-not-matching">
                                                    {{__('messages.The quantity of meat options should be equivalent to quantity of cartoon meat')}}
                                                </div>
                                                <div class="col-md-12 row text-danger d-none error-quantity-meat"></div>
                                                <div id="carton-meat-area"
                                                     class="col-md-12 row m-0 p-3 bg-secondary mb-4 rounded d-none"></div>
                                                <div class=" mb-3 ps-0 row justify-content-between">
                                                    <button id="confirmItem" type="button"
                                                            class="btn btn-primary col-4"
                                                            disabled="disabled">{{__('messages.Confirm item')}}</button>

                                                </div>
                                            </div>


                                            <div class="custoTable" style="overflow: hidden;">
                                                <div class="table_responsive">
                                                    <table id="edit-myTableItems">
                                                        <thead>
                                                        <tr>
                                                            <th>{{ __('messages.Item') }}</th>
                                                            <th>{{ __('messages.Inventory') }}</th>
                                                            <th>{{ __('messages.meat weight') }}</th>
                                                            <th>{{ __('messages.quantity') }}</th>
                                                            <th>{{ __('messages.price') }}</th>
                                                            <th>{{ __('messages.Action') }}</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="pills-Files" role="tabpanel"
                                             aria-labelledby="pills-Files">
                                            <input type="hidden" id="delete-image-route"
                                                   value="{{ route('sales.image') }}"/>
                                            <div class="custoTable">
                                                <div class="table_responsive">
                                                    <table id="edit-myTableFile">
                                                        <thead>
                                                        <tr>
                                                            <th>{{ __('messages.ID') }}</th>
                                                            <th>{{ __('messages.Files') }}</th>
                                                            <th>{{ __('messages.Action') }}</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="pills-add-Files" role="tabpanel"
                                             aria-labelledby="pills-add-Files">
                                            <div class="containerDragDop">
                                                <div class="header-section">
                                                    <h1>{{ __('messages.upload files') }}</h1>
                                                    <p>{{ __('messages.Upload files you want to share with your team members') }}
                                                    </p>
                                                    <p>{{ __('messages.PDF, Images & Videos are allowed') }}</p>
                                                    <p class="files-error d-none text-danger">
                                                        {{ __('messages.too_many_files') }}</p>
                                                </div>
                                                <div class="drop-section-customcss drop-section-edit">
                                                    <div class="col">
                                                        <div class="cloud-icon">
                                                            <img src="/metronic/images/iconsDragAndDrop/cloud.png"
                                                                 alt="cloud">
                                                        </div>
                                                        <span>{{ __('messages.Drag & Drop your files here') }}</span>
                                                        <span>{{ __('messages.OR') }}</span>
                                                        <button type="button"
                                                                class="file-selector-edit">{{ __('messages.Browse Files') }}</button>
                                                        <input name="files" type="file" id="FileList"
                                                               class="file-selector-input-edit" multiple>
                                                    </div>
                                                    <div class="col">
                                                        <div class="drop-here">{{ __('messages.Drop Here') }}</div>
                                                    </div>
                                                </div>
                                                <div class="list-section-customcss list-section-edit">
                                                    <div class="list-title">{{ __('messages.Uploaded Files') }}</div>
                                                    <div class="list-edit" id="FileList"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="pills-items-description" role="tabpanel"
                                             aria-labelledby="pills-contact-tab">
                                            <h4 class="card-title">{{ __('Items Description') }}</h4>
                                            <div class="custoTable" style="overflow: hidden;">
                                                <div class="table_responsive">
                                                    <table id="edit-items-description">
                                                        <thead>
                                                        <tr>
                                                            <th>{{ __('Name') }}</th>
                                                            <th>{{ __('Price') }}</th>
                                                            <th>{{ __('Quantity') }}</th>
                                                            <th>{{ __('Weight') }}</th>
                                                            <th>{{ __('Action') }}</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        </tbody>
                                                    </table>
                                                </div>
                                                <div class="text-start p-3">
                                                    <button type="button" onclick="addNewDescriptionItemForEditForm()"
                                                            class="btn btn-primary btn btn-sm">
                                                        <i class="fas fa-plus"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary"
                                                    data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                                            <button type="submit"
                                                    class="btn btn-primary">{{ __('messages.Update') }}</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <input id="edit-input-value" value="" type="hidden"/>
                </form>
            </div>
        </div>
    </div>
    {{-- Edn- Edit Modal --}}
    {{-- show Modal --}}
    <div class="modal fade" id="show-modal" tabindex="-1" aria-labelledby="showModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="showModalLabel">{{ __('messages.Sales data') }} </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body row">
                    <ul id="show_user_msgList"></ul>
                    <input type="hidden" id="id"/>
                    <input type="hidden" id="edit-ajax-route" value="{{ route('temp-sale-edit') }}"/>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12 mx-auto">
                                <ul class="nav nav-pills nav-pills-custom justify-content-center" id="pills-tab"
                                    role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="pills-home-tab" data-bs-toggle="pill"
                                           href="#pills-show-user-data" role="tab" aria-controls="pills-home"
                                           aria-selected="true">{{ __('messages.Purchase data') }}</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="pills-contact-tab" data-bs-toggle="pill"
                                           href="#pills-show-items" role="tab" aria-controls="pills-contact"
                                           aria-selected="false"> {{ __('messages.Items') }} </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link mb-2" id="pills-contact-tab" data-bs-toggle="pill"
                                           href="#pills-show-items-description" role="tab"
                                           aria-controls="pills-description"
                                           aria-selected="false"> {{ __('Items Description') }} </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="pills-contact-tab" data-bs-toggle="pill"
                                           href="#pills-show-user-file" role="tab" aria-controls="pills-contact"
                                           aria-selected="false"> {{ __('messages.Purchase files') }} </a>
                                    </li>
                                </ul>
                                <div class="tab-content tab-content-custom-pill" id="pills-tabContent">
                                    <div class="tab-pane fade show active" id="pills-show-user-data" role="tabpanel"
                                         aria-labelledby="pills-home-tab">
                                        <fieldset disabled>
                                            <div class="row">
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for=""> {{ __('messages.Serial number') }}</label>
                                                    <input type="text" id="show-serial-number" required
                                                           class=" form-control">
                                                </div>
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for="">{{ __('messages.Status') }}</label>
                                                    <input type="text" id="show-status" required class=" form-control">
                                                </div>
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for="Role">{{ __('messages.Total price') }}</label>
                                                    <input type="text" id="show-total-price" required
                                                           class=" form-control">
                                                </div>
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for="">{{ __('messages.Date') }}</label>
                                                    <input type="text" id="show-created-at" required
                                                           class=" form-control">
                                                </div>
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for="">{{ __('messages.Discount Type') }}</label>
                                                    <input type="text" id="show-discount-type" required
                                                           class=" form-control">
                                                </div>
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for="">{{ __('messages.Discount Amount') }}</label>
                                                    <input type="text" id="show-discount-amount" required
                                                           class=" form-control">
                                                </div>

                                            </div>
                                        </fieldset>
                                    </div>
                                    <div class="tab-pane fade" id="pills-show-items" role="tabpanel"
                                         aria-labelledby="pills-contact-tab">
                                        <h4 class="card-title">{{ __('messages.Items') }}</h4>
                                        <div class="custoTable" style="overflow: hidden;">
                                            <div class="table_responsive">
                                                <table id="show-myTableItems">
                                                    <thead>
                                                    <tr>
                                                        <th>{{ __('messages.Item') }}</th>
                                                        <th>{{ __('messages.Inventory') }}</th>
                                                        <th>{{ __('messages.meat weight') }}</th>
                                                        <th>{{ __('messages.quantity') }}</th>
                                                        <th>{{ __('messages.price') }}</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="pills-show-user-file" role="tabpanel"
                                         aria-labelledby="pills-contact-tab">
                                        <div class="custoTable">
                                            <div class="table_responsive">
                                                <table id="show-myTableFile">
                                                    <thead>
                                                    <tr>
                                                        <th>{{ __('messages.ID') }}</th>
                                                        <th>{{ __('messages.Files') }}</th>
                                                        <th>{{ __('messages.Action') }}</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade mt-3" id="pills-show-items-description" role="tabpanel"
                                         aria-labelledby="pills-contact-tab">
                                        <h4 class="card-title">{{ __('Items Description') }}</h4>
                                        <div class="custoTable" style="overflow: hidden;">
                                            <div class="table_responsive">
                                                <table id="show-items-description">
                                                    <thead>
                                                    <tr>
                                                        <th>{{ __('Name') }}</th>
                                                        <th>{{ __('Price') }}</th>
                                                        <th>{{ __('Quantity') }}</th>
                                                        <th>{{ __('Weight') }}</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary"
                                                data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- Edn- show Modal --}}
    {{-- Delete Modal --}}
    <div class="modal fade" id="DeleteModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="deleteModalLabel">{{ __('messages.Delete') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <h4>{{ __('messages.Confirm to Delete Data ?') }}</h4>
                    <input type="hidden" id="dele-salse-ajax-route" value="{{ route('item.destroy') }}"/>
                    <input type="hidden" id="deleteing_id">
                    <input type="hidden" id="deleteing_user_fetch_id">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary close-delet-model"
                            data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                    <button type="button"
                            class="btn btn-danger  delete_salse ">{{ __('messages.Yes Delete') }}</button>
                </div>
            </div>
        </div>
    </div>
    {{-- End - Delete Modal --}}
    {{-- Delete file Modal --}}
    <div class="modal fade" id="purchase-invoices-need-to-be-priced" tabindex="-1" aria-labelledby="DeleteFileModal"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ __('Purchase Invoice Need Price') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-warning p-3 text-dark text-center">
                        <h6 class="px-3 pt-3">
                            {{__("To Convert This Invoice To Be Sa;e With Price You Must Add Price To This Invoices")}}
                        </h6>
                    </div>
                    <div>
                        <h6 class="px-3 pt-3">
                            {{__("Purchase Invoices Need Price")}}
                        </h6>
                    </div>
                    <div class="custoTable">
                        <div class="table_responsive">
                            <table class="table table-striped">
                                <thead>
                                <tr style="background: #8daf21">
                                    <td style="color: white!important;">
                                        {{__("Invoice Number")}}
                                    </td>
                                    <td style="color: white!important;">
                                        {{__("Actions")}}
                                    </td>
                                </tr>
                                </thead>
                                <tbody id="purchase-invoice-need-price-table-body">

                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div>
                        <h6 class="px-3 pt-3">
                            {{__("Sales Invoices Need Price")}}
                        </h6>
                    </div>
                    <div class="custoTable">
                        <div class="table_responsive">
                            <table class="table table-striped">
                                <thead>
                                <tr style="background: #8daf21">
                                    <td style="color: white!important;">
                                        {{__("Invoice Number")}}
                                    </td>
                                    <td style="color: white!important;">
                                        {{__("Actions")}}
                                    </td>
                                </tr>
                                </thead>
                                <tbody id="sale-invoice-need-price-table-body">

                                </tbody>
                            </table>
                        </div>
                        <div class="text-center mt-3 p-3">
                            <button id="checkInvoiceAgain" class="btn btn-primary w-100">
                                <i class="fa fa-check-circle"></i>
                                {{__("Check Invoices")}}
                            </button>
                        </div>

                        <div id="convert-sale-to-be-priced-after-fill-invoices-prices"
                             class="text-center mt-3 p-3 d-none">
                            <button
                                    class="btn btn-primary w-100">
                                {{__("Convert Invoice")}}
                            </button>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary close-delet-model"
                            data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="convert-to-priced-invoice" tabindex="-1" aria-labelledby="DeleteFileModal"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ __('Convert Sell To Priced Sell') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-warning p-3 text-dark text-center">
                        <h6 class="px-3 pt-3">
                            {{__("When Convert This Sell All Related Purchase And Sell Will Be Converted To Be Priced Invoices")}}
                        </h6>
                    </div>
                    <div>
                        <h6 class="px-3 pt-3">
                            {{__("Purchase Invoices Will Be Converted")}}
                        </h6>
                    </div>
                    <div class="custoTable">
                        <div class="table_responsive">
                            <table class="table table-striped">
                                <thead>
                                <tr style="background: #8daf21">
                                    <td style="color: white!important;">
                                        {{__("Invoice Number")}}
                                    </td>
                                    <td style="color: white!important;">
                                        {{__("Pricing Status")}}
                                    </td>
                                    <td style="color: white!important;">
                                        {{__("Actions")}}
                                    </td>
                                </tr>
                                </thead>

                                <tbody id="purchase-will-convert-table-body">

                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div>
                        <h6 class="px-3 pt-3">
                            {{__("Sale Invoices Will Be Converted")}}
                        </h6>
                    </div>
                    <div class="custoTable">
                        <div class="table_responsive">
                            <table class="table table-striped">
                                <thead>
                                <tr style="background: #8daf21">
                                    <td style="color: white!important;">
                                        {{__("Invoice Number")}}
                                    </td>
                                    <td style="color: white!important;">
                                        {{__("Pricing Status")}}
                                    </td>
                                    <td style="color: white!important;">
                                        {{__("Actions")}}
                                    </td>
                                </tr>
                                </thead>
                                <tbody id="sale-will-convert-table-body">

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

                        <div class="text-center mt-3 p-3">
                            <button id="convert-sale-to-be-priced" class="btn btn-primary w-100">
                                {{__("Convert Invoice")}}
                            </button>
                        </div>


                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary close-delet-model"
                            data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="DeleteFileModal" tabindex="-1" aria-labelledby="DeleteFileModal" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="DeleteFileModal">{{ __('messages.Delete') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <h4>{{ __('messages.Confirm to Delete Data ?') }}</h4>
                    <input type="hidden" id="dele-file-ajax-route" value="{{ route('user.file.delete.data') }}"/>
                    <input type="hidden" id="deleteing_id">
                    <input type="hidden" id="deleteing_user_fetch_id">
                    <input type="hidden" id="deleteing_file_id">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary close-delet-model"
                            data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                    <button type="button"
                            class="btn btn-danger   delete_any_file">{{ __('messages.Yes Delete') }}</button>
                </div>
            </div>
        </div>
    </div>
    {{-- End - Delete file Modal --}}
    {{-- show darg Modal --}}
    <div class="modal fade" id="editFileDragModal" tabindex="-1" aria-labelledby="exampleModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">{{ __('messages.Update File User') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body row">
                    <ul id="update_msgList_file"></ul>
                    <div class="containerDragDop">
                        <input type="hidden" id="update_fileattach_id">
                        <input type="hidden" id="purchase-id">
                        <input type="hidden" id="ubdate-fileattach-ajax-route"
                               value="{{ route('user.file.update.data') }}"/>

                        <div class="header-section">
                            <h1>{{ __('messages.upload files') }}</h1>
                            <p>{{ __('messages.Upload files you want to share with your team members') }}</p>
                            <p>{{ __('messages.PDF, Images & Videos are allowed') }}</p>
                        </div>
                        <div class="drop-section-customcss drop-section-file-edit">
                            <div class="col">
                                <div class="cloud-icon">
                                    <img src="/metronic/images/iconsDragAndDrop/cloud.png" alt="cloud">
                                </div>
                                <span>{{ __('messages.Drag & Drop your files here') }}</span>
                                <span>{{ __('messages.OR') }}</span>
                                <button class="file-selector-file-edit">{{ __('messages.Browse Files') }}</button>
                                <input name="files" type="file" id="FileList"
                                       class="file-selector-file-input-edit">
                            </div>
                            <div class="col">
                                <div class="drop-here">{{ __('messages.Drop Here') }}</div>
                            </div>
                        </div>
                        <div class="list-section-customcss list-section-file-edit">
                            <div class="list-title">{{ __('messages.Uploaded Files') }}</div>
                            <div class="list-file-editt"></div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary close-dragAndDrop-model"
                            data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                    <button type="button"
                            class="btn btn-primary update-file-attachment">{{ __('messages.Yes Update File') }}</button>
                </div>
            </div>
        </div>
    </div>
    {{-- End - show darg Modal --}}

    {{-- show refund Modal --}}
    <div class="modal fade" id="returnModal" tabindex="-1" aria-labelledby="returnModalLable" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="returnModalLable">{{ __('messages.Return a sales order') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body row">
                    <div class="alert alert-danger d-none" id="return-sale-div">
                        <ul id="return-sale-errors"></ul>
                    </div>
                    <table class="table">
                        <thead style="border-bottom: 2px solid #00000024;">
                        <tr>
                            <th scope="col"></th>
                            <th scope="col">{{ __('messages.Item') }}</th>
                            <th scope="col">{{ __('messages.Main Qty') }}</th>
                            <th scope="col">{{ __('messages.Return Qty') }}</th>
                        </tr>
                        </thead>
                        <tbody id="return-items">
                        <input type="hidden" id="sale-id"/>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary close-dragAndDrop-model"
                            data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                    <button type="button" class="btn btn-primary save-return-sale">{{ __('messages.Save') }}</button>
                </div>
            </div>
        </div>
    </div>

    {{-- Can't Convert Sales Invoice Because No Item In Inventory To Take It Enough  --}}
    <div class="modal fade" id="inventory-items" tabindex="-1" aria-labelledby="InventoryItemsLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="InventoryItemsLabel">{{ __('Sale Cant Be Converted') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body row">
                    <div class="alert alert-danger d-none" id="return-sale-div">
                        <ul id="return-sale-errors"></ul>
                    </div>
                    <div class="alert alert-danger  p-3">
                        {{__("This Invoice Cant Be Converted  Because There Is No Enough Quantity / Weight In Inventory")}}
                    </div>
                    <div class="custoTable" style="overflow: hidden;">
                        <table class="table">
                            <thead style="border-bottom: 2px solid #00000024;">
                            <tr>
                                <th scope="col">{{ __('messages.Item') }}</th>
                                <th scope="col">{{ __('Needed Quantity / Weight') }}</th>
                                <th scope="col">{{ __('Available Quantity / Weight') }}</th>
                            </tr>
                            </thead>
                            <tbody id="sale-inventory-item-error">

                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary close-dragAndDrop-model"
                            data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                </div>
            </div>
        </div>
    </div>


    <div class="modal fade" id="price-modal" aria-labelledby="editModalLabel" aria-hidden="true">
        <form id="update-invoice-price" method="POST" action="{{route("temp-sales.update-price")}}">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="editModalLabel">{{ __('messages.Update Sales Data') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body row">
                        <input type="hidden" id="id"/>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12 mx-auto">
                                    <h4 class="card-title">{{ __('messages.Items') }}</h4>
                                    <div class="custoTable" style="overflow: hidden;">
                                        <input type="hidden" name="item">
                                        <div class="table_responsive">
                                            <table id="price-table-item">
                                                <thead>
                                                <tr>
                                                    <th>{{ __('messages.Item') }}</th>

                                                    <th>{{ __('messages.Inventory') }}</th>
                                                    <th>{{ __('Quantity/Weight') }}</th>
                                                    <th>{{ __('messages.price') }}</th>

                                                </tr>
                                                </thead>
                                                <tbody>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary"
                                data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                        <button type="submit"
                                class="btn btn-primary ">{{ __('messages.Update') }}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div class="spinner-layer d-none ">
        <div class="spinner"></div>
        <p class="fs-3">{{__('messages.Processing')}}</p>
    </div>
    <input type="hidden"
           id="status"
           value="{{ ( request()->has('type') && request()->type =='pending') ? 'pending':'' }}"/>
    <input type="hidden"
           id="get-available-quantities-or-meats-for-item"
           value="{{ route('sales-without-price.check-quantities') }}"/>
    <input type="hidden"
           id="sale-without-price-get-all-related-invoices"
           value="{{ route('sale-without-price-get-all-related-invoices') }}"/>
    <input type="hidden"
           id="invoice-need-price-id"
           value=""/>
    <input type="hidden"
           id="invoice-convert-id"
           value=""/>
    <input type="hidden" id="get-purchase-invoices-need-prices" value="{{route('get-purchase-invoices-need-prices')}}"/>
    <input type="hidden" id="convert-to-real-invoice-route"
           value="{{route('convert-temp-sell-invoice-to-priced-invoice')}}"/>
    {{-- End - show darg Modal --}}
@endsection

@section('scripts')
    <script>
        var translations = {
            'ID': '{{ __('messages.ID') }}',
            'Serial number': '{{ __('messages.Serial number') }}',
            'Are you sure?': '{{ __('messages.Are you sure?') }}',
            'Convert': '{{ __('Convert') }}',
            'Cancel': '{{ __('Cancel') }}',
            'You will not be able to revert this!': '{{ __('You will not be able to revert this!') }}',

            'Status': '{{ __('messages.Status') }}',
            'Customer': '{{ __('messages.Customer') }}',
            'Total price': '{{ __('messages.Total price') }}',
            'Owner status': '{{ __('messages.Owner status') }}',
            'Date': '{{ __('messages.Date') }}',
            'users Data': '{{ __('messages.users Data') }}',
            'Sales System': `{{ __('messages.Sales System') }} ({{ __('Temporary System') }})`,
            'User Name': '{{ __('messages.User Name') }}',
            "weight": "{{ __('messages.meat weight') }}",
            "name": "{{ __('messages.name') }}",
            "price": "{{ __('messages.price') }}",
            "quantity": "{{ __('messages.Quantity') }}",
            "item_weight": "{{ __('messages.weight') }}",
            "weightError": "{{ __('validation.required', ['attribute' => __('messages.meat weight')]) }}",
            "Return Weight": "{{ __('messages.Return Weight') }}",
            "Main Weight": "{{ __('messages.Main Weight') }}",
            "automatic": "{{ __('messages.automatic') }}",
            "Is Priced": "{{ __('Is Priced') }}",
            "Is Not Priced": "{{ __('Is Not Priced') }}",
        };
    </script>
    <script src="{{ asset('metronic/js/components/uploadFiles.js') }}"></script>
    <script src="{{ asset('metronic/js/pages/temp/sales.js') }}"></script>
@endsection