@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.purchasereports') }}@stop
@endsection
@section('page-header')
    <div class="main-parent">
        <!-- breadcrumb -->
        <div style="background-color: #FF4F1F !important;" 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.purchasereports') }}

                    </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="row">

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


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

                        <form
                            action="{{ url(Mcamara\LaravelLocalization\Facades\LaravelLocalization::getCurrentLocale() . '/' . ($page = 'purchasereports')) }}"
                            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="parent-input form-control fc-datepicker" value="{{ $start_at ?? '' }}"
                                            name="start_at" placeholder="YYYY-MM-DD" type="text" required>
                                    </div><!-- input-group -->
                                </div>

                                <div class="col-lg-3" 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="parent-input form-control fc-datepicker" name="end_at"
                                            value="{{ $end_at ?? '' }}" placeholder="YYYY-MM-DD" type="text" required>
                                    </div><!-- input-group -->
                                </div>

                                <div class="col-lg-6" id="type">
                                    <p class="mg-b-10 parent-label"> {{ __('home.searchbyproductname') }} </p>
                                    <select class="parent-input form-control select2" name="productname" required>
                                        <option style="font-size: 15px" value='-' selected>
                                            {{ $type ?? __('home.enterproductname') }}
                                        </option>

                                        @foreach (App\Models\products::get() as $section)
                                            <option value="{{ $section->id }}"> <label
                                                    dir=ltr>{{ $section->Product_Code }}</label> :
                                                {{ $section->product_name }} </option>
                                        @endforeach
                                    </select>
                                </div><!-- col-4 -->


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


                        </form>

                    </div>
                    @if (isset($products))
                    <div style="border-radius: 10px" class="card m-3 p-3">
                    <div class="table-responsive hoverable-table">

<table class="table table-hover" id="example1" data-page-length='50' 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">{{ __('report.date') }}</th>

                                            <th class="border-bottom-0">{{ __('home.suppliername') }}</th>

                                            <th class="border-bottom-0" dir='ltr'> {{ __('home.productNo') }}</th>
                                            <th class="border-bottom-0"> {{ __('home.product') }}</th>
                                            <th class="border-bottom-0"> {{ __('home.quantity') }}</th>
                                            <th class="border-bottom-0">{{ __('home.purchase') }}</th>
                                            <th class="border-bottom-0"> {{ __('home.addedValue') }}</th>
                                            <th class="border-bottom-0"> {{ __('home.total') }}</th>



                                        </tr>
                                    </thead>
                                    <tbody>
                                                                                @foreach ($products as $invoice)
                                                                                        <tr>
                                                <td>{{ $i }}</td>
                                                <td>{{ $invoice->order_owner }} </td>
                                                <td>{{ $invoice->created_at }}</td>