@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="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 style="flex-direction: row;border-radius:5px" class="card justify-content-around row ">
                                             <div class="last-sales" style=" font-size:13px;">
                                <select class="form-control select2"  style=" font-size:18px;" name="numbershowstatus" id="numbershowstatus" required>
                                  <option style=" font-size:18px;" value=1 >
                                        {{__('home.shownumberselect') }}
                                    </option>
                                    <option style=" font-size:18px;" value=0 >
                                        {{__('home.notshow') }}
                                    </option>
  
                               
                                </select>
                            </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>