@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/jquery.dataTables.min.css') }}" rel="stylesheet">
<link href="{{ URL::asset('assets/plugins/datatable/css/responsive.dataTables.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="{{ URL::asset('assets/plugins/datatable/css/responsive.bootstrap4.min.css') }}" rel="stylesheet" />

<style>
    .report-card {
        border: none;
        border-radius: 14px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
        overflow: hidden;
    }

    .report-card .card-header {
        background: #fff;
        border-bottom: 1px solid #eef0f4;
        padding: 1.25rem 1.5rem 1rem;
    }

    .report-card .card-body {
        padding: 1.5rem;
    }

    .report-filter-form label,
    .report-filter-form p.parent-label {
        font-weight: 600;
        font-size: 13px;
        color: #6b7280;
        margin-bottom: 6px;
    }

    .report-filter-form .form-control {
        border-radius: 8px;
        border: 1px solid #e2e5ea;
    }

    .report-search-btn {
        border-radius: 8px;
        padding: 0.55rem 2.5rem;
        font-weight: 600;
        letter-spacing: 0.3px;
    }

    .report-search-btn i {
        margin-inline-start: 6px;
    }

    .report-table thead th {
        color: #FF4F1F;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        background: #fff7f5;
        border-bottom: 2px solid #ffe1d8 !important;
        vertical-align: middle;
    }

    .report-table tbody td {
        vertical-align: middle;
        font-size: 13.5px;
    }

    .report-table tbody tr:hover {
        background-color: #f8f9fb;
    }

    .report-total-row {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        margin-top: 1.5rem;
    }

    .report-total-card {
        flex: 1 1 240px;
        background: linear-gradient(135deg, #419BB2, #2f7c90);
        color: #fff;
        border-radius: 12px;
        padding: 1.1rem 1.4rem;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .report-total-card .label {
        font-size: 12.5px;
        opacity: 0.85;
        font-weight: 500;
    }

    .report-total-card .value {
        font-size: 22px;
        font-weight: 700;
    }

    .report-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.75rem;
        margin-top: 1.75rem;
    }

    .report-action-btn {
        background-color: #419BB2;
        border-color: #419BB2;
        font-size: 15px;
        font-weight: 600;
        padding: 0.55rem 1.5rem;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .report-action-btn .svg-icon-buttons {
        width: 18px !important;
        fill: #fff;
    }

    .report-action-btn:hover {
        background-color: #357e91;
        border-color: #357e91;
        color: #fff;
    }
</style>
@section('title')
{{ __('home.Historyـofـ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">{{ __('home.Historyـofـ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
    <!-- row -->
    <div class="row">
        <div class="col-xl-12">
            <div class="card report-card mg-b-20">
                <div class="card-header">
                    <form class="report-filter-form" action="{{ url(Mcamara\LaravelLocalization\Facades\LaravelLocalization::getCurrentLocale() . '/' . ($page = 'salesReport')) }}" method="POST" role="search" autocomplete="off">
                        {{ csrf_field() }}
                        <div class="row">
                            <div class="col-lg-2" id="start_at_group">
                                <label for="start_at">{{ __('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 id="start_at" class="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-2" id="end_at_group">
                                <label for="end_at">{{ __('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 id="end_at" class="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-2" id="customer_group">
                                <p class="mg-b-10">{{ __('home.searchbyclientname') }}</p>
                                <select class="form-control select2" name="UserId" required>
                                    <option value="-">{{ __('home.searchbyclientname') }}</option>
                                    @foreach (App\Models\customers::get() as $section)
                                    <option style="font-size: 15px" value="{{ $section->id }}">{{ $section->name }}</option>
                                    @endforeach
                                </select>
                            </div><!-- col-4 -->
                            <div class="col-lg-2" id="branch_group">
                                <p class="mg-b-10">{{ __('users.branch') }}</p>
                                <select class="form-control" name="branch" required>
                                    <option value="-" selected>{{ __('users.allbranchs') }}</option>
                                    @foreach (App\Models\branchs::get() as $branch)
                                    <option style="font-size: 15px" value="{{ $branch->id }}">
                                        {{ $branch->name }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col" id="type">
                                <p class="mg-b-10">{{ __('home.paymentmethod') }}</p>
                                <select class="form-control" name="pay" required>
                                    <option value="-" selected>{{ __('home.paymentmethod') }}</option>
                                    <option style="font-size: 15px" value="Cash">{{ __('report.cash') }}</option>
                                    <option style="font-size: 15px" value="Shabka ">{{ __('report.shabka') }}</option>
                                    <option value="Bank_transfer">{{ __('home.Bank_transfer') }}</option>
                                    <option style="font-size: 15px" value="Credit ">{{ __('report.credit') }}</option>
                                    <option value="Partition">{{ __('home.Partition of the amount') }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="d-flex justify-content-center mt-4">
                            <button class="btn btn-success report-search-btn">
                                {{ __('home.search') }}
                                <i class="las la-search"></i>
                            </button>
                        </div>
                    </form>
                </div>
                <div class="card-body">
                    @if (isset($Invoices))
                    <br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function request() in /home/ebdea/public_html/ehsaanashraf.ebdea.online/resources/views/reports/sales_report.blade.php:237
Stack trace:
#0 {main}
  thrown in <b>/home/ebdea/public_html/ehsaanashraf.ebdea.online/resources/views/reports/sales_report.blade.php</b> on line <b>237</b><br />