@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')
    {{ __('report.product_sales') }}@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">{{ __('report.product_sales') }}

                    </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 = 'product_sales')) }}"
                        method="POST" role="search" autocomplete="off">
                        {{ csrf_field() }}

                        <div class="row">


                       

                            <div class="col-lg-3" 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-5 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-3 mg-t-20 mg-lg-t-0 p-0" style=" height: 80px; width: 210px;">
                                <p class="mg-b-10 parent-label"> . </p>
                                <div class="col-lg-1 mg-t-10 mg-lg-t-0">
                                    <a style="background-color: #FBA10F;width:170px" 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: 80px;"
                                            class="las la-search"> </i>
                                        </a>
                                </div>
                                
                            </div>
                            <div class="col-lg-3">
                                <label for="inputName" class="control-label parent-label"> {{ __('home.productNo') }} </label>
                                <input dir=ltr type="text" class="form-control parent-input" id="product_code" name="product_code"
                                 readonly    required>

                            </div>
                            <div class="col-lg-6">
                                <label for="inputName" class="control-label parent-label"> {{ __('home.productname') }} </label>
                                <input type="text" class="form-control parent-input" id="productnameshow" name="productnameshow"
                                 readonly   required>

                            </div>
                        </div>
                        
                        <div class="d-flex justify-content-center mb-3 mt-3">
                            <button class="btn btn-success mb-3 print-style my-3 p-1">
                                {{ __('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">{{ __('report.invoiceNo') }}</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.quantity') }}</th>
                                                <th class="border-bottom-0">{{ __('home.price') }}</th>
                                                <th class="border-bottom-0">{{ __('home.discount') }}</th>
                                                <th class="border-bottom-0">{{ __('home.priceafterDiscount') }}</th>
                                                
                                                <th class="border-bottom-0"> {{ __('home.addedValue') }}</th>
                                                <th class="border-bottom-0"> {{ __('home.total') }}</th>
    
    
    
                                            </tr>
                                        </thead>
                                        <tbody>