@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">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">


<style>
    body,
    .main-content,
    .breadcrumb-header,
    .card,
    table,
    .modal-content,
    .form-control,
    .form-group,
    label {
        direction: ltr !important;
        text-align: left !important;
    }

    /* ضبط اتجاه أيقونات الإغلاق في المودال لتناسب الـ LTR */
    .modal-header .close {
        margin: -1rem -1rem -1rem auto !important;
    }
    /* =========================
   Modern UI + Inner Borders
   ========================= */

    /* الخط العام */
    body,
    table,
    td,
    th,
    input,
    button,
    .form-control {
        font-family: "Tajawal", sans-serif;
        font-weight: 600 !important;
        color: #000 !important;
    }

    /* جدول بحدود داخلية */
    table {
        border-collapse: collapse !important;
        width: 100%;
    }

    table thead th {
        background: #f1f3f9;
        padding: 12px;
        font-weight: 700 !important;
        color: #000 !important;
        text-align: center;
        border: 1px solid #d6d6d6 !important;
        /* حدود داخلية */
    }

    /* الصفوف */
    #productsTableBody tr {
        background: #ffffff;
        transition: background 0.2s ease;
    }

    #productsTableBody tr:hover {
        background: #f7f9ff;
    }

    /* حدود داخلية للـ <td> */
    #productsTableBody td {
        border: 1px solid #e0e0e0 !important;
        padding: 10px !important;
        vertical-align: middle;
    }

    /* الحقول */
    .form-control {
        border-radius: 6px !important;
        border: 1px solid #c8ccd4 !important;
        transition: .2s;
    }

    .form-control:focus {
        border-color: #478bff !important;
        box-shadow: 0 0 0 2px rgba(71, 139, 255, 0.25);
    }

    /* أزرار اختيار المنتج */
    .btn-info,
    .btn-primary {
        background: linear-gradient(135deg, #478bff, #357bff) !important;
        border: none !important;
        color: #fff !important;
        border-radius: 6px !important;
        font-weight: 700 !important;
    }

    .btn-info:hover,
    .btn-primary:hover {
        background: linear-gradient(135deg, #3f79ff, #296bff) !important;
        transform: translateY(-1px);
    }

    /* زر الحذف */
    .btn-danger {
        background: linear-gradient(135deg, #ff5b5b, #ff3b3b) !important;
        border: none !important;
    }

    .btn-danger:hover {
        background: linear-gradient(135deg, #ff4343, #ff2020) !important;
        transform: scale(1.05);
    }

    /* زر إضافة صف */
    #addProductBtn,
    .btn-add-product {
        background: linear-gradient(135deg, #1a73e8, #0d5bd8) !important;
        padding: 8px 20px;
        border-radius: 8px !important;
        color: #fff !important;
        font-weight: 700 !important;
        border: none;
    }

    #addProductBtn:hover {
        transform: translateY(-2px);
    }

    /* المودال */
    .modal-content {
        border-radius: 12px !important;
        box-shadow: 0 10px 35px rgba(0, 0, 0, 0.15);
    }

    .modal-header {
        background: #f1f3f9;
        border-bottom: 1px solid #ddd !important;
    }

    .modal-title {
        color: #000 !important;
        font-weight: 700 !important;
    }

    .modal-body {
        background: #fff;
    }

    /* جدول البحث داخل المودال */
    #productsTable th,
    #productsTable td {
        border: 1px solid #dcdcdc !important;
    }

    #productsTable tr:hover {
        background: #eef3ff !important;
    }

    /* تحسين الـ div */
    td .d-flex {
        align-items: center;
    }
</style>
@section('title')
    {{ __('home.PreparationOrder') }}
    @stop
@endsection
@section('page-header')
 <div class="main-parent">
    <div class="breadcrumb-header parent-heading d-flex align-items-center justify-content-between p-3">

        <div class="my-auto">
            <div class="d-flex align-items-center">
                <h4 class="content-title mb-0 my-auto">{{ __('home.PreparationOrder') }}</h4>
            </div>
        </div>

        <div class="d-flex align-items-center" style="gap: 10px;">

            <div class="last-sales" style="min-width: 150px;">
                <select class="form-control select2" name="numbershowstatus" id="numbershowstatus" required>
                    <option value="1">{{__('home.shownumberselect')}}</option>
                    <option value="0">{{__('home.notshow')}}</option>
                </select>
            </div>

            <div class="choose-product">
                <button style="background-color: #23395D;"
                    class="modal-effect btn btn-sm btn-info px-3 py-2 button-eng"
                    data-effect="effect-scale"
                    data-toggle="modal" href="#createcustomer">
                    {{ __('home.addnewcustomer') }}
                </button>
            </div>

            <div class="choose-product">
                <button style="background-color: #23395D;"
                    class="modal-effect btn btn-sm btn-info px-3 py-2 button-eng"
                    data-effect="effect-scale"
                    data-toggle="modal" href="#createproduct">
                    {{ __('supprocesses.addproduct') }}
                </button>
            </div>

            <div class="choose-product">
                <button style="background-color: green; display: flex; align-items: center; gap: 5px;"
                    class="modal-effect btn btn-sm btn-info px-3 py-2 button-eng"
                    data-effect="effect-scale" data-toggle="modal" href="#updateinvoicefromsale"
                    title="تحديد">
                    <span style="font-size: 13px;">{{ __('home.update_delivery2') }}</span>
                    <svg style="width:16px; fill: white;" 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>

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








@endsection
@section('content')


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

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


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


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