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

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

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

@section('title')
    {{ __('home.product damage') }}@stop
@endsection
@section('page-header')
    <div class="main-parent">
        <!-- breadcrumb -->
        <div class="breadcrumb-header justify-content-between parent-heading">
            <div class="my-auto">
                <div class="d-flex">
                    <h4 class="content-title mb-0 my-auto">{{ __('home.product damage') }}

                    </h4><span class="text-muted mt-1 tx-13 mr-2 mb-0">
                    </span>
                </div>
            </div>
        </div>
        <!-- breadcrumb -->
    @endsection
    @section('content')

        @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
        @if (session()->has('notfountreturnproduct'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <br>
                <strong>{{ session()->get('notfountreturnproduct') }}</strong>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif

        <!-- row -->

            <div class="card mg-b-20">


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

                    <form
                        action="{{ url(Mcamara\LaravelLocalization\Facades\LaravelLocalization::getCurrentLocale() . '/' . ($page = 'ProductsDamageReport')) }}"
                        method="POST" role="search" autocomplete="off">
                        {{ csrf_field() }}

                        <div class="row">

                            <div class="col-lg-4" id="start_at">
                                <label class="parent-label" for="exampleFormControlSelect1"> {{ __('report.fromdate') }}</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <div class="input-group-text">
                                            <i class="fas fa-calendar-alt"></i>
                                        </div>
                                    </div>
                                    <input class="form-control parent-input fc-datepicker" value="{{ $start_at ?? '' }}"
                                        name="start_at" placeholder="YYYY-MM-DD" type="text" required>
                                </div><!-- input-group -->
                            </div>

                            <div class="col-lg-4" id="end_at">
                                <label class="parent-label" for="exampleFormControlSelect1"> {{ __('report.todate') }}</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <div class="input-group-text">
                                            <i class="fas fa-calendar-alt"></i>
                                        </div>
                                    </div><input class="form-control parent-input fc-datepicker" name="end_at"
                                        value="{{ $end_at ?? '' }}" placeholder="YYYY-MM-DD" type="text" required>
                                </div><!-- input-group -->
                            </div>
                            <div class="col-lg-4 mg-t-20 mg-lg-t-0" id="type">
                                <p class="mg-b-10 parent-label"> {{ __('users.branch') }} </p>
                                <select class="form-control parent-input" name="branch" required>
                                    <option value="-" selected>{{ __('users.allbranchs') }}
                                    </option>
                                    @foreach (App\Models\branchs::get() as $branch)
                                        <option value="{{ $branch->id }}"> {{ $branch->name }}</option>
                                    @endforeach
                                </select>

                            </div>
                            

                            
                            

                            <input class="form-control select2 " name="productNo" id="productNo" value='-' hidden>

                        </div>
                        
                        <div class="row my-3">
                        <div class="col-lg-2 mg-t-20 mg-lg-t-0 p-2" style=" height: 80px; width: 300px;">
                                <div class="col-lg-3 mg-t-20 mg-lg-t-0">
                                    <a style="background-color: #FBA10F" class="modal-effect btn btn-md btn-info p-0 py-1 button-eng" data-effect="effect-scale"
                                        data-toggle="modal" href="#SearchProduct" title="تحديد">
                                        {{ __('home.chooose product') }}
                                        <i
                                            style=" height: 100;
                                                 width: 130px;"
                                            class="las la-search"></i></a>
                                </div>
                            </div>
                            <div class="col-lg-5">
                                <label for="inputName" class="control-label parent-label"> {{ __('home.productname') }} </label>
                                <input type="text" class="form-control parent-input" id="productnameshow" name="productnameshow" readonly
                                    >

                            </div>
                        </div>
                        
                        <div class="d-flex justify-content-center mb-3 mt-3">
                            <button class="btn btn-success mb-3 print-style my-3">
                                {{ __('home.search') }}
                                <i
                                        style=" height: 100;
                                                 
                                                 font-size:15px"
                                        class="las la-search"></i>
                            </button>
                        </div>


                    </form>

                    @if (isset($products))

                            <div style="border-radius: 10px" class="card p-3">
                                <div class="table-responsive hoverable-table">
                                    <table class="table table-hover table-striped" id="example1" data-page-length='20'
                                        style=" text-align: center;">
    
                                        <thead>
                                            <tr>
                                                <th class="border-bottom-0">#</th>
                                                <th class="border-bottom-0"> {{ __('home.productNo') }}</th>
                                                <th class="border-bottom-0"> {{ __('home.product') }}</th>
                                                <th class="border-bottom-0">{{ __('report.date') }}</th>
                                                <th class="border-bottom-0"> {{ __('home.employee') }}</th>
                                                <th class="border-bottom-0"> {{ __('home.branch') }}</th>
                                                <th class="border-bottom-0"> {{ __('home.quentitydamage') }}</th>
                                               
    
    
                                            </tr>
                                        </thead>
                                        <tbody>
                                                                                     
                                            @foreach ($products as $invoice)
                                                                                                <tr>
                                                    <td>{{ $i }}</td>
                                                    <td dir='ltr'>{{ $invoice->productData->Product_Code }} </td>
                                                    <td>{{ $invoice->productData->product_name }}</td>
                                                    <td>{{ $invoice->created_at }}</td>
                                                    <td>{{ $invoice->user->name }}</td>
                                                    <td>{{ $invoice->branch->name}}</td>
                                                    <td>{{ $invoice->damage_quantity }}</td>

                                                    
    
                                                </tr>
                                            @endforeach
    
                                        </tbody>
                                    </table>
                                </div>
                            </div>


               
                  
                    @endif

                </div>
            </div>
        
    </div>
    </div>
    <!-- row closed -->
    </div>
    <!-- Container closed -->
    </div>



    {{-- Update ( 24/4/2023 ) --}}

<div class="modal fade" id="SearchProduct" name="SearchProduct" tabindex="-1" role="dialog"
aria-labelledby="exampleModalLabel" dir='rtl' aria-hidden="true">
<div style="margin: 4% 9% !important;" class="modal-dialog modal-xl modal-special" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">


            <div class="card-body">

                <div class="col-lg-4 mg-t-20 mg-lg-t-0">
                    <label for="inputName" style="font-weight: bold" class="control-label parent-label">
                        {{ __('home.searchaboutproduct') }} </label>
                    <input type="text" class="form-control parent-input"
                        placeholder="{{ __('home.Search By Name or Product Number') }}" id="searchaboutproduct"
                        name="searchaboutproduct" onkeyup="searchaboutproductfunction()">
                </div>
                <br>
                <div class="table-responsive">
                    <table class="table text-md-nowrap text-center our-table" id="SearchProductTable"
                        width="100%" style="border: 2px solid rgba(0,0,0,.3);">
                        <col style="width:5%">
                        <col style="width:14%">
                        <col style="width:28%">
                        <col style="width:10%">
                        <col style="width:18%">
                        <col style="width:15%">
                        <col style="width:10%">

                        <thead>
                            <tr>
                                <th style="font-size: 15px" class="border-bottom-0">#</th>
                                <th style="font-size: 15px" class="border-bottom-0">{{ __('home.productNo') }}
                                </th>
                                <th style="font-size: 15px" class="border-bottom-0" style="text-align:center">
                                    {{ __('home.product') }}</th>
                                <th style="font-size: 15px" class="border-bottom-0">{{ __('home.quantity') }}
                                </th>
                                <th style="font-size: 13px" class="border-bottom-0">
                                    {{ __('home.purchaseproductwithouttax') }}</th>
                                <th style="font-size: 13px" class="border-bottom-0">
                                    {{ __('home.sellingproduct without tax') }}</th>
                                <th style="font-size: 15px" class="border-bottom-0">{{ __('home.Add') }}</th>



                            </tr>
                        </thead>
                        <tbody class="">
                            <br />
<b>Fatal error</b>:  Uncaught Error: Class &quot;App\Models\products&quot; not found in /home/ebdea/public_html/trasl.ebdea.online/resources/views/reports/product_damage.blade.php:274
Stack trace:
#0 {main}
  thrown in <b>/home/ebdea/public_html/trasl.ebdea.online/resources/views/reports/product_damage.blade.php</b> on line <b>274</b><br />