@extends('layouts.master')
@section('css')

<!-- Internal Data table css -->

<!--Internal  Datatable js -->
<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>
    tr:nth-child(even) {
        background-color: #dde2ef !important;

        color: white;
    }
</style> --}}

<style>
    .body_calculator {
        font-family: Arial, sans-serif;
        position: fixed;
        top: initial;
        bottom: 0;
        justify-content: center;
        align-items: center;
        height: 100vh;
        margin: 0;
        width: 390px;
        background-color: #f4f4f4;
    }

    .calculator {
        border: 2px solid #ccc;
        border-radius: 8px;
        padding: 20px;
        background-color: white;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        width: 360px;
    }

    #display {
        width: 100%;
        height: 40px;
        text-align: right;
        font-size: 24px;
        margin-bottom: 20px;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

    .buttons {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
    }

    .button {
        padding: 20px;
        font-size: 20px;
        border: none;
        background-color: #f0f0f0;
        cursor: pointer;
        border-radius: 5px;
        transition: background-color 0.3s;
    }

    .button:hover {
        background-color: #ddd;
    }

    button:active {
        background-color: #ccc;
    }

    /* Basic styling for loading screen */
    #loading-screen {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
        color: white;
        font-size: 24px;
        display: none;
    }

    #loading-animation {
        border: 4px solid white;
        border-radius: 50%;
        border-top: 4px solid #3498db;
        width: 50px;
        height: 50px;
        animation: spin 1s linear infinite;
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }
</style>
@section('title')
    {{ __('home.sales') }}
    @stop
@endsection
@section('page-header')
    <!-- breadcrumb -->
    <div class="main-parent">
        <div style="justify-content: space-between !important" class="breadcrumb-header parent-heading">
            <div class="my-auto">
                <div class="d-flex">
                    <h4 class="conte  nt-title mb-0 my-auto">{{ __('home.sales') }}</h4>
                    <span class="text-muted mt-1 tx-13 mr-2 mb-0">
                    </span>
                </div>
            </div>
        </div><!-- col-4 -->
        @if (session()->has('newcustomer'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <br>

                <strong>{{ session()->get('newcustomer') }}</strong>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        @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 (session()->has('edit'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <br>
                <strong>{{ session()->get('edit') }}</strong>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif


        <!-- <div class="breadcrumb-header justify-content-between">
                    <div class="my-auto">
                        <div class="d-flex">
                            <h4 class="content-title mb-0 my-auto">{{ __('home.sales') }}</h4><span class="text-muted mt-1 tx-13 mr-2 mb-0">
                            </span>
                        </div>
                    </div>
                </div> -->
        <!-- breadcrumb -->

@endsection
    @section('content')
            <center>
                <div id="loading-screen">
                    <div id="loading-animation"></div>
                    &nbsp; <p> جارٍ إرسال الفاتورة، يرجى الانتظار <br>Invoice is being sent, please wait</p>
                </div>
            </center>


            @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">
                            <div class="my-auto">

                                <div class=" d-flex justify-content-between">
                                    <div class="choose-product m-1 mt-3">
                                        <button style="background-color: #FBA10F;font-size:13px;width:128px"
                                            class="modal-effect btn btn-sm btn-info p-1" data-effect="effect-scale"
                                            data-toggle="modal" href="#SearchProduct" title="تحديد">
                                            {{ __('home.chooose product') }}
                                            <i style=" height: 100;

                                                                                 font-size:13px" class="las"></i>
                                            <svg style="width: 16px;height:16px" xmlns="http://www.w3.org/2000/svg"
                                                class="icon icon-tabler icon-tabler-search" width="24" height="24"
                                                viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                                                stroke-linecap="round" stroke-linejoin="round">
                                                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                                <path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0"></path>
                                                <path d="M21 21l-6 -6"></path>
                                            </svg>
                                        </button>

                                        &nbsp;





                                    </div>



                                    <input hidden autocomplete="off" type="text" class="form-control parent-input"
                                        id="numbershowstatus" name="numbershowstatus" value="1">
                                    <input hidden autocomplete="off" type="text" class="form-control parent-input"
                                        id="show_cost_profit" name="show_cost_profit" value="1">









                                    <div style="flex-direction: row;border-radius:5px" class="card justify-content-around row ">
                                        <div class="choose-product">
                                            <button style="background-color:white;"
                                                class="modal-effect btn btn-sm btn-info p-2 m-1 button-eng"
                                                data-effect="effect-scale" data-toggle="modal" href="#calculter_modale"
                                                title="تحديد"><i style=" height: 100;font-weight:400 !important;
                                                                                 font-size:13px" class="las"> </i>
                                                <svg height="40px" width="67px" version="1.1" id="Layer_1"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"
                                                    xml:space="preserve" fill="#000000">
                                                    <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
                                                    <g id="SVGRepo_tracerCarrier" stroke-linecap="round"
                                                        stroke-linejoin="round"></g>
                                                    <g id="SVGRepo_iconCarrier">
                                                        <g transform="translate(1 1)">
                                                            <path style="fill:#FFDD;"
                                                                d="M369.347,502.467H140.653c-21.333,0-38.4-18.773-38.4-42.667V50.2 c0-23.893,17.067-42.667,38.4-42.667H370.2c21.333,0,38.4,18.773,38.4,42.667v409.6 C407.747,483.693,390.68,502.467,369.347,502.467">
                                                            </path>
                                                            <path style="fill:#FFFFFF;"
                                                                d="M102.253,459.8V50.2c0-23.893,17.067-42.667,38.4-42.667H127c-23.893,0-42.667,18.773-42.667,42.667 v409.6c0,23.893,18.773,42.667,42.667,42.667h13.653C119.32,502.467,102.253,483.693,102.253,459.8">
                                                            </path>
                                                            <path style="fill:#FD98000;"
                                                                d="M383,7.533h-13.653c21.333,0,38.4,18.773,38.4,42.667v409.6c0,23.893-17.067,42.667-38.4,42.667H383 c23.893,0,42.667-18.773,42.667-42.667V50.2C425.667,26.307,406.893,7.533,383,7.533">
                                                            </path>
                                                            <path style="fill:#54C9FD;"
                                                                d="M118.467,195.267h256v-153.6h-256V195.267z"></path>
                                                            <path style="fill:#33A9F8;"
                                                                d="M374.467,195.267h17.067v-153.6h-17.067V195.267z"></path>
                                                            <g>
                                                                <path style="fill:#00000;"
                                                                    d="M176.493,263.533h-30.72c-5.12,0-10.24-5.12-10.24-10.24v-12.8c0-5.973,5.12-11.093,10.24-11.093 h29.867c5.973,0,10.24,5.12,10.24,10.24v12.8C186.733,258.413,181.613,263.533,176.493,263.533">
                                                                </path>
                                                                <path style="fill:#00000;"
                                                                    d="M270.36,263.533h-29.867c-5.973,0-10.24-5.12-10.24-10.24v-12.8c0-5.973,5.12-10.24,10.24-10.24 h29.867c5.973,0,10.24,5.12,10.24,10.24v12.8C280.6,258.413,275.48,263.533,270.36,263.533">
                                                                </path>
                                                                <path style="fill:#00000;"
                                                                    d="M364.227,263.533H334.36c-5.973,0-10.24-5.12-10.24-10.24v-12.8c0-5.973,5.12-10.24,10.24-10.24 h29.867c5.973,0,10.24,5.12,10.24,10.24v12.8C374.467,258.413,369.347,263.533,364.227,263.533">
                                                                </path>
                                                                <path style="fill:#00000;"
                                                                    d="M364.227,331.8H334.36c-5.973,0-10.24-5.12-10.24-10.24v-12.8c0-5.973,5.12-10.24,10.24-10.24 h29.867c5.973,0,10.24,5.12,10.24,10.24v12.8C374.467,326.68,369.347,331.8,364.227,331.8">
                                                                </path>
                                                                <path style="fill:#00000;"
                                                                    d="M270.36,331.8h-29.867c-5.973,0-10.24-5.12-10.24-10.24v-12.8c0-5.973,5.12-10.24,10.24-10.24 h29.867c5.973,0,10.24,5.12,10.24,10.24v12.8C280.6,326.68,275.48,331.8,270.36,331.8">
                                                                </path>
                                                                <path style="fill:#00000;"
                                                                    d="M176.493,331.8h-30.72c-5.12,0-10.24-5.12-10.24-10.24v-12.8c0-5.973,5.12-11.093,10.24-11.093 h29.867c5.973,0,10.24,5.12,10.24,10.24v12.8C186.733,326.68,181.613,331.8,176.493,331.8">
                                                                </path>
                                                                <path style="fill:#00000;"
                                                                    d="M176.493,400.067h-30.72c-5.12,0-10.24-5.12-10.24-10.24v-12.8c0-5.973,5.12-11.093,10.24-11.093 h29.867c5.973,0,10.24,5.12,10.24,10.24v12.8C186.733,394.947,181.613,400.067,176.493,400.067">
                                                                </path>
                                                                <path style="fill:#00000;"
                                                                    d="M270.36,400.067h-29.867c-5.973,0-10.24-5.12-10.24-10.24v-12.8c0-5.973,5.12-10.24,10.24-10.24 h29.867c5.973,0,10.24,5.12,10.24,10.24v12.8C280.6,394.947,275.48,400.067,270.36,400.067">
                                                                </path>
                                                                <path style="fill:#00000;"
                                                                    d="M364.227,400.067H334.36c-5.973,0-10.24-5.12-10.24-10.24v-12.8c0-5.973,5.12-10.24,10.24-10.24 h29.867c5.973,0,10.24,5.12,10.24,10.24v12.8C374.467,394.947,369.347,400.067,364.227,400.067">
                                                                </path>
                                                                <path style="fill:#00000;"
                                                                    d="M364.227,468.333H334.36c-5.973,0-10.24-5.12-10.24-10.24v-12.8c0-5.973,5.12-10.24,10.24-10.24 h29.867c5.973,0,10.24,5.12,10.24,10.24v12.8C374.467,463.213,369.347,468.333,364.227,468.333">
                                                                </path>
                                                                <path style="fill:#00000;"
                                                                    d="M270.36,468.333h-29.867c-5.973,0-10.24-5.12-10.24-10.24v-12.8c0-5.973,5.12-10.24,10.24-10.24 h29.867c5.973,0,10.24,5.12,10.24,10.24v12.8C280.6,463.213,275.48,468.333,270.36,468.333">
                                                                </path>
                                                                <path style="fill:#00000;"
                                                                    d="M176.493,468.333h-30.72c-5.12,0-10.24-5.12-10.24-10.24v-12.8c0-5.973,5.12-11.093,10.24-11.093 h29.867c5.973,0,10.24,5.12,10.24,10.24v12.8C186.733,463.213,181.613,468.333,176.493,468.333">
                                                                </path>
                                                            </g>
                                                            <path
                                                                d="M383,511H127c-28.16,0-51.2-23.04-51.2-51.2V50.2C75.8,22.04,98.84-1,127-1h256c28.16,0,51.2,23.04,51.2,51.2v409.6 C434.2,487.96,411.16,511,383,511z M127,16.067c-18.773,0-34.133,15.36-34.133,34.133v409.6c0,18.773,15.36,34.133,34.133,34.133 h256c18.773,0,34.133-15.36,34.133-34.133V50.2c0-18.773-15.36-34.133-34.133-34.133H127z">
                                                            </path>
                                                            <path
                                                                d="M391.533,203.8H118.467c-5.12,0-8.533-3.413-8.533-8.533v-153.6c0-5.12,3.413-8.533,8.533-8.533h273.067 c5.12,0,8.533,3.413,8.533,8.533v153.6C400.067,200.387,396.653,203.8,391.533,203.8z M127,186.733h256V50.2H127V186.733z">
                                                            </path>
                                                            <path
                                                                d="M176.493,272.067h-30.72c-10.24,0-18.773-8.533-18.773-18.773v-12.8c0-11.093,8.533-19.627,18.773-19.627h29.867 c10.24,0,18.773,8.533,18.773,18.773v12.8C195.267,263.533,186.733,272.067,176.493,272.067z M145.773,237.933 c-0.853,0-1.707,0.853-1.707,1.707v12.8c0,1.707,0.853,2.56,1.707,2.56h29.867c0.853,0,1.707-0.853,1.707-1.707v-12.8 c0-0.853-0.853-1.707-1.707-1.707h-29.867V237.933z">
                                                            </path>
                                                            <path
                                                                d="M270.36,272.067h-29.867c-11.093,0-19.627-8.533-19.627-18.773v-12.8c0-10.24,8.533-18.773,18.773-18.773h29.867 c10.24,0,18.773,8.533,18.773,18.773v12.8C289.133,263.533,280.6,272.067,270.36,272.067z M239.64,237.933 c-0.853,0-1.707,0.853-1.707,1.707v12.8c0,0.853,0.853,1.707,1.707,1.707h29.867c0.853,0,1.707-0.853,1.707-1.707v-12.8 c0-0.853-0.853-1.707-1.707-1.707H239.64z">
                                                            </path>
                                                            <path
                                                                d="M364.227,272.067H334.36c-11.093,0-19.627-8.533-19.627-18.773v-12.8c0-10.24,8.533-18.773,18.773-18.773h29.867 c10.24,0,18.773,8.533,18.773,18.773v12.8C383,263.533,374.467,272.067,364.227,272.067z M333.507,237.933 c-0.853,0-1.707,0.853-1.707,1.707v12.8c0,0.853,0.853,1.707,1.707,1.707h29.867c0.853,0,1.707-0.853,1.707-1.707v-12.8 c0-0.853-0.853-1.707-1.707-1.707H333.507z">
                                                            </path>
                                                            <path
                                                                d="M364.227,340.333H334.36c-11.093,0-19.627-8.533-19.627-18.773v-12.8c0-10.24,8.533-18.773,18.773-18.773h29.867 c10.24,0,18.773,8.533,18.773,18.773v12.8C383,331.8,374.467,340.333,364.227,340.333z M333.507,306.2 c-0.853,0-1.707,0.853-1.707,1.707v12.8c0,0.853,0.853,1.707,1.707,1.707h29.867c0.853,0,1.707-0.853,1.707-1.707v-12.8 c0-0.853-0.853-1.707-1.707-1.707H333.507z">
                                                            </path>
                                                            <path
                                                                d="M270.36,340.333h-29.867c-11.093,0-19.627-8.533-19.627-18.773v-12.8c0-10.24,8.533-18.773,18.773-18.773h29.867 c10.24,0,18.773,8.533,18.773,18.773v12.8C289.133,331.8,280.6,340.333,270.36,340.333z M239.64,306.2 c-0.853,0-1.707,0.853-1.707,1.707v12.8c0,0.853,0.853,1.707,1.707,1.707h29.867c0.853,0,1.707-0.853,1.707-1.707v-12.8 c0-0.853-0.853-1.707-1.707-1.707H239.64z">
                                                            </path>
                                                            <path
                                                                d="M176.493,340.333h-30.72c-10.24,0-18.773-8.533-18.773-18.773v-12.8c0-11.093,8.533-19.627,18.773-19.627h29.867 c10.24,0,18.773,8.533,18.773,18.773v12.8C195.267,331.8,186.733,340.333,176.493,340.333z M145.773,306.2 c-0.853,0-1.707,0.853-1.707,1.707v12.8c0,1.707,0.853,2.56,1.707,2.56h29.867c0.853,0,1.707-0.853,1.707-1.707v-12.8 c0-0.853-0.853-1.707-1.707-1.707h-29.867V306.2z">
                                                            </path>
                                                            <path
                                                                d="M176.493,408.6h-30.72c-10.24,0-18.773-8.533-18.773-18.773v-12.8c0-11.093,8.533-19.627,18.773-19.627h29.867 c10.24,0,18.773,8.533,18.773,18.773v12.8C195.267,400.067,186.733,408.6,176.493,408.6z M145.773,374.467 c-0.853,0-1.707,0.853-1.707,1.707v12.8c0,1.707,0.853,2.56,1.707,2.56h29.867c0.853,0,1.707-0.853,1.707-1.707v-12.8 c0-0.853-0.853-1.707-1.707-1.707h-29.867V374.467z">
                                                            </path>
                                                            <path
                                                                d="M270.36,408.6h-29.867c-11.093,0-19.627-8.533-19.627-18.773v-12.8c0-10.24,8.533-18.773,18.773-18.773h29.867 c10.24,0,18.773,8.533,18.773,18.773v12.8C289.133,400.067,280.6,408.6,270.36,408.6z M239.64,374.467 c-0.853,0-1.707,0.853-1.707,1.707v12.8c0,0.853,0.853,1.707,1.707,1.707h29.867c0.853,0,1.707-0.853,1.707-1.707v-12.8 c0-0.853-0.853-1.707-1.707-1.707H239.64z">
                                                            </path>
                                                            <path
                                                                d="M364.227,408.6H334.36c-11.093,0-19.627-8.533-19.627-18.773v-12.8c0-10.24,8.533-18.773,18.773-18.773h29.867 c10.24,0,18.773,8.533,18.773,18.773v12.8C383,400.067,374.467,408.6,364.227,408.6z M333.507,374.467 c-0.853,0-1.707,0.853-1.707,1.707v12.8c0,0.853,0.853,1.707,1.707,1.707h29.867c0.853,0,1.707-0.853,1.707-1.707v-12.8 c0-0.853-0.853-1.707-1.707-1.707H333.507z">
                                                            </path>
                                                            <path
                                                                d="M364.227,476.867H334.36c-11.093,0-19.627-8.533-19.627-18.773v-12.8c0-10.24,8.533-18.773,18.773-18.773h29.867 c10.24,0,18.773,8.533,18.773,18.773v12.8C383,468.333,374.467,476.867,364.227,476.867z M333.507,442.733 c-0.853,0-1.707,0.853-1.707,1.707v12.8c0,0.853,0.853,1.707,1.707,1.707h29.867c0.853,0,1.707-0.853,1.707-1.707v-12.8 c0-0.853-0.853-1.707-1.707-1.707H333.507z">
                                                            </path>
                                                            <path
                                                                d="M270.36,476.867h-29.867c-11.093,0-19.627-8.533-19.627-18.773v-12.8c0-10.24,8.533-18.773,18.773-18.773h29.867 c10.24,0,18.773,8.533,18.773,18.773v12.8C289.133,468.333,280.6,476.867,270.36,476.867z M239.64,442.733 c-0.853,0-1.707,0.853-1.707,1.707v12.8c0,0.853,0.853,1.707,1.707,1.707h29.867c0.853,0,1.707-0.853,1.707-1.707v-12.8 c0-0.853-0.853-1.707-1.707-1.707H239.64z">
                                                            </path>
                                                            <path
                                                                d="M176.493,476.867h-30.72c-10.24,0-18.773-8.533-18.773-18.773v-12.8c0-11.093,8.533-19.627,18.773-19.627h29.867 c10.24,0,18.773,8.533,18.773,18.773v12.8C195.267,468.333,186.733,476.867,176.493,476.867z M145.773,442.733 c-0.853,0-1.707,0.853-1.707,1.707v12.8c0,1.707,0.853,2.56,1.707,2.56h29.867c0.853,0,1.707-0.853,1.707-1.707v-12.8 c0-0.853-0.853-1.707-1.707-1.707h-29.867V442.733z">
                                                            </path>
                                                            <path
                                                                d="M241.347,161.133h-5.973c-12.8,0-22.187-10.24-22.187-22.187V98.84c-0.853-12.8,9.387-23.04,21.333-23.04h5.973 c12.8,0,22.187,10.24,22.187,22.187v40.107C263.533,150.893,253.293,161.133,241.347,161.133z M234.52,92.867 c-3.413,0-5.12,2.56-5.12,5.12v40.107c0,3.413,2.56,5.12,5.12,5.12h5.973c3.413,0,5.12-2.56,5.12-5.12V97.987 c0-3.413-2.56-5.12-5.12-5.12H234.52z">
                                                            </path>
                                                            <path
                                                                d="M343.747,161.133h-5.973c-12.8,0-22.187-10.24-22.187-22.187V98.84c-0.853-12.8,9.387-23.04,21.333-23.04h5.973 c12.8,0,22.187,10.24,22.187,22.187v40.107C365.933,150.893,355.693,161.133,343.747,161.133z M336.92,92.867 c-3.413,0-5.12,2.56-5.12,5.12v40.107c0,3.413,2.56,5.12,5.12,5.12h5.973c3.413,0,5.12-2.56,5.12-5.12V97.987 c0-3.413-2.56-5.12-5.12-5.12H336.92z">
                                                            </path>
                                                            <path
                                                                d="M297.667,152.6c0,5.12-3.413,8.533-8.533,8.533c-5.12,0-8.533-3.413-8.533-8.533c0-5.12,3.413-8.533,8.533-8.533 C294.253,144.067,297.667,148.333,297.667,152.6">
                                                            </path>
                                                            <path
                                                                d="M161.133,118.467c-2.56,0-4.267-0.853-5.973-2.56c-3.413-3.413-3.413-8.533,0-11.947l25.6-25.6 c3.413-3.413,8.533-3.413,11.947,0s3.413,8.533,0,11.947l-25.6,25.6C165.4,117.613,163.693,118.467,161.133,118.467z">
                                                            </path>
                                                            <path
                                                                d="M186.733,161.133c-5.12,0-8.533-3.413-8.533-8.533V84.333c0-5.12,3.413-8.533,8.533-8.533c5.12,0,8.533,3.413,8.533,8.533 V152.6C195.267,157.72,191.853,161.133,186.733,161.133z">
                                                            </path>
                                                        </g>
                                                    </g>
                                                </svg> </button>
                                        </div>
                                        <div class="last-sales">
                                            <a style="color:white;background-color: #23395D;border-radius:5px;font-size:11px;width:165px;padding:9px 6px"
                                                class="btn btn-info m-1"
                                                href="{{ url('/' . ($page = 'product_mix')) }}">{{ __('home.product_mix') }}
                                                <svg style="width:16px !important" class="svg-icon-buttons" viewBox="0 0 20 20">
                                                    <path
                                                        d="M17.927,5.828h-4.41l-1.929-1.961c-0.078-0.079-0.186-0.125-0.297-0.125H4.159c-0.229,0-0.417,0.188-0.417,0.417v1.669H2.073c-0.229,0-0.417,0.188-0.417,0.417v9.596c0,0.229,0.188,0.417,0.417,0.417h15.854c0.229,0,0.417-0.188,0.417-0.417V6.245C18.344,6.016,18.156,5.828,17.927,5.828 M4.577,4.577h6.539l1.231,1.251h-7.77V4.577z M17.51,15.424H2.491V6.663H17.51V15.424z">
                                                    </path>
                                                </svg>
                                            </a>
                                        </div>
                                        <div class="choose-product">
                                            <button style="background-color: #23395D;"
                                                class="modal-effect btn btn-sm btn-info p-2 m-1 button-eng"
                                                data-effect="effect-scale" data-toggle="modal" href="#createcustomer"
                                                title="تحديد"><i style=" height: 100;font-weight:400 !important;
                                                                                 width: 65px;
                                                                                 font-size:13px" class="las">
                                                    {{ __('home.addnewcustomer') }}</i>
                                                <svg style="width: 18px;height:18px" xmlns="http://www.w3.org/2000/svg"
                                                    class="icon icon-tabler icon-tabler-user-plus" width="24" height="24"
                                                    viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                                                    stroke-linecap="round" stroke-linejoin="round">
                                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                                    <path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0"></path>
                                                    <path d="M16 19h6"></path>
                                                    <path d="M19 16v6"></path>
                                                    <path d="M6 21v-2a4 4 0 0 1 4 -4h4"></path>
                                                </svg>
                                            </button>
                                        </div>


                                        <div class="choose-product">
                                            <button style="background-color: #23395D;"
                                                class="modal-effect btn btn-sm btn-info p-2 m-1 button-eng"
                                                data-effect="effect-scale" data-toggle="modal"
                                                onclick="display_appear_function()" title="تحديد"><i style=" height: 100;font-weight:400 !important;
                                                                                 width: 65px;
                                                                                 font-size:13px" class="las">
                                                    {{ __('home.display_appear') }}</i>

                                            </button>
                                        </div>
                                        <div class="choose-product">

                                            <button style="background-color: #23395D;"
                                                class="modal-effect btn btn-sm btn-info p-2 m-1 button-eng"
                                                data-effect="effect-scale" data-toggle="modal" href="#createproduct"
                                                title="تحديد"><i style=" height: 50;font-weight:400 !important;
                                                                                 width: 65px;
                                                                                 font-size:13px" class="las">
                                                    {{ __('supprocesses.addproduct') }}</i>

                                            </button>



                                        </div>

                                        @can('sales return')

                                            <div class="choose-product">
                                                <button style="background-color: green;"
                                                    class="modal-effect btn btn-sm btn-info p-2 m-1 button-eng"
                                                    data-effect="effect-scale" data-toggle="modal" href="#updateinvoicebyidmodale"
                                                    title="تحديد"><i style=" height: 100;font-weight:400 !important;
                                                                                                 width: 65px;
                                                                                                 font-size:13px" class="las">
                                                        {{ __('home.updateinvoicebyid') }}</i>
                                                    <svg style="width:16px !important" class="svg-icon-buttons" viewBox="0 0 20 20">
                                                        <path
                                                            d="M17.927,5.828h-4.41l-1.929-1.961c-0.078-0.079-0.186-0.125-0.297-0.125H4.159c-0.229,0-0.417,0.188-0.417,0.417v1.669H2.073c-0.229,0-0.417,0.188-0.417,0.417v9.596c0,0.229,0.188,0.417,0.417,0.417h15.854c0.229,0,0.417-0.188,0.417-0.417V6.245C18.344,6.016,18.156,5.828,17.927,5.828 M4.577,4.577h6.539l1.231,1.251h-7.77V4.577z M17.51,15.424H2.491V6.663H17.51V15.424z">
                                                        </path>
                                                    </svg>
                                                </button>
                                            </div>
                                        @endcan
                                        <div class="last-sales">
                                            <a style="color:white;background-color: #23395D;border-radius:5px;font-size:11px;width:165px;padding:9px 6px"
                                                class="btn btn-info m-1"
                                                href="{{ url('/' . ($page = 'previousSalesInvoices')) }}">{{ __('home.previousSalesInvoices') }}
                                                <svg style="width:16px !important" class="svg-icon-buttons" viewBox="0 0 20 20">
                                                    <path
                                                        d="M17.927,5.828h-4.41l-1.929-1.961c-0.078-0.079-0.186-0.125-0.297-0.125H4.159c-0.229,0-0.417,0.188-0.417,0.417v1.669H2.073c-0.229,0-0.417,0.188-0.417,0.417v9.596c0,0.229,0.188,0.417,0.417,0.417h15.854c0.229,0,0.417-0.188,0.417-0.417V6.245C18.344,6.016,18.156,5.828,17.927,5.828 M4.577,4.577h6.539l1.231,1.251h-7.77V4.577z M17.51,15.424H2.491V6.663H17.51V15.424z">
                                                    </path>
                                                </svg>
                                            </a>
                                        </div>


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

                            <br />
<b>Fatal error</b>:  Uncaught Error: Class &quot;App\Models\Avt&quot; not found in /home/ebdea/public_html/trasl.ebdea.online/resources/views/products/sales.blade.php:488
Stack trace:
#0 {main}
  thrown in <b>/home/ebdea/public_html/trasl.ebdea.online/resources/views/products/sales.blade.php</b> on line <b>488</b><br />