@extends('dashboard.components.main')
@section('content')
    <!-- ============================================================== -->
    <!-- Start right Content here -->
    <!-- ============================================================== -->
    <div class="main-content">

        <div class="page-content">

            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box d-flex align-items-center justify-content-between">
                        <h4 class="page-title mb-0 font-size-18">@lang('dashboard_sales_expenses.sales')</h4>

                        <div class="page-title-right">
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item active"> @lang('dashboard_clients.welcome_platform')</li>
                            </ol>
                        </div>

                    </div>
                </div>
            </div>
            <!-- end page title -->
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title mb-4">@lang('dashboard_sales_expenses.fast_sales_operations')</h4>
                    <div>
                        {{-- <a class="popup-form btn btn-primary mt-1" href="#edittrans"
                            disabled>@lang('dashboard_sales_expenses.record_financial_transaction') <i
                                class="mdi mdi-plus-thick"></i> </a> --}}
                        <a class="btn btn-primary mt-1"
                            href="{{ route('dashboard.invoices.create') }}">@lang('dashboard_sales_expenses.invoice_registration')
                            <i class="mdi mdi-plus-thick"></i> </a>
                        <a class=" btn btn-primary mt-1"
                            href="{{ route('dashboard.clients.addvouchercash') }}">@lang('dashboard_sales_expenses.sale_receipt')
                            <i class="mdi mdi-plus-thick"></i> </a>
                        <a class=" btn btn-primary mt-1"
                            href="{{ route('dashboard.priceoffer.add') }}">@lang('dashboard_clients.register_quote')
                            <i class="mdi mdi-plus-thick"></i> </a>
                        <a class="btn btn-primary mt-1"
                            href="{{ route('dashboard.advance.payment.index') }}">@lang('dashboard_sales_expenses.advance_payment')
                            <i class="mdi mdi-plus-thick"></i> </a>
                        <a class="btn btn-primary mt-1"
                            href="{{ route('dashboard.clients.sellorder') }}">@lang('dashboard_sales_expenses.sale_order')
                            <i class="mdi mdi-plus-thick"></i> </a>
                        <a class="btn btn-primary mt-1"
                            href="{{ route('dashboard.clients.refundclient') }}">@lang('dashboard_sales_expenses.recovery')
                            <i class="mdi mdi-plus-thick"></i> </a>
                        <a class="btn btn-primary mt-1"
                            href="{{ route('dashboard.clients.noticedebt') }}">@lang('dashboard_sales_expenses.credit_note')
                            <i class="mdi mdi-plus-thick"></i> </a>
                       {{--  <a class="btn btn-primary mt-1"
                            href="{{ route('dashboard.clients.cloneinvoice') }}">@lang('dashboard_sales_expenses.duplicate_bill')
                            <i class="mdi mdi-plus-thick"></i> </a> --}}

                        <a class="btn btn-primary mx-1 my-1"
                        href="{{route('dashboard.clients.payinvoice')}}">@lang('dashboard_clients.pay_invoice') </a>


                    </div>




                    <div class="card mfp-hide mfp-popup-form mx-auto" id="addbank">
                        <div class="card-body">
                            <h4 class="mt-0 mb-4">@lang('dashboard_sales_expenses.enter_new_bank_account')</h4>
                            <form>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="name">@lang('dashboard_sales_expenses.account_name')</label>
                                            <input type="text" class="form-control" id="name"
                                                placeholder="@lang('dashboard_sales_expenses.enter_account_name')">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="email">@lang('dashboard_sales_expenses.account_number')</label>
                                            <input type="number" class="form-control" id="email"
                                                placeholder="123455 @lang('dashboard_sales_expenses.like')">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label
                                                class="control-label">@lang('dashboard_sales_expenses.account_type')</label>
                                            <select class="form-control select2">
                                                <option>@lang('dashboard_sales_expenses.select_the_account_type')</option>
                                                <optgroup label="@lang('dashboard_sales_expenses.select')">
                                                    <option value="AK">@lang('dashboard_regcheck.account') 1</option>
                                                    <option value="HI">@lang('dashboard_regcheck.account') 2</option>
                                                </optgroup>

                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label class="control-label">@lang('dashboard_sales_expenses.forked_from')
                                            </label>
                                            <select class="form-control select2">
                                                <option>@lang('dashboard_sales_expenses.account_is_forked_from')</option>
                                                <optgroup label="@lang('dashboard_sales_expenses.select')">
                                                    <option value="AK">@lang('dashboard_regcheck.account') 1</option>
                                                    <option value="HI">@lang('dashboard_regcheck.account') 2</option>
                                                </optgroup>

                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <label
                                                for="subject">@lang('dashboard_sales_expenses.account_description')</label>
                                            <textarea class="form-control" id="subject" rows="3"></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="text-right">
                                            <button type="submit"
                                                class="btn btn-primary">@lang('dashboard_sales_expenses.execute')</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>









                    <div class="card mfp-hide mfp-popup-form mx-auto" id="importcsv">
                        <div class="card-body">
                            <h4 class="mt-0 mb-4">@lang('dashboard_sales_expenses.import_bank_transactions')</h4>
                            <form>
                                <div class="row">

                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label
                                                class="control-label">@lang('dashboard_sales_expenses.select_the_bank')</label>
                                            <select class="form-control select2">
                                                <option>@lang('dashboard_sales_expenses.select_the_bank')</option>
                                                <optgroup label="@lang('dashboard_sales_expenses.select')">
                                                    <option value="AK">@lang('dashboard_regcheck.account') 1</option>
                                                    <option value="HI">@lang('dashboard_regcheck.account') 2</option>
                                                </optgroup>

                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label class="control-label">@lang('dashboard_sales_expenses.select') </label>
                                            <div class="custom-file">
                                                <input type="file" class="custom-file-input" id="customFile">
                                                <label class="custom-file-label"
                                                    for="customFile">@lang('dashboard_sales_expenses.Select_file')</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="text-right">
                                            <button type="submit"
                                                class="btn btn-primary">@lang('dashboard_sales_expenses.perform_operation')</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title mb-4">@lang('reports.filter') </h4>
                    <div class="row">
                        <div class="col-lg-3">
                            <div class="form-group">
                                <label class="control-label">@lang('dashboard_sales_expenses.customer')</label>
                                <select class="form-control select2">
                                    <option>@lang('dashboard_sales_expenses.all_customers')</option>
                                    <option value="HI">احمد</option>

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

                        <div class="col-lg-3">
                            <div class="form-group">
                                <label class="control-label">@lang('dashboard_sales_expenses.transaction_type')</label>
                                <select class="form-control select2">
                                    <option>@lang('dashboard_sales_expenses.all_types')</option>
                                    <option value="AK">نوع الحركة المالية</option>
                                    <option value="HI">نوع 2</option>

                                </select>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label
                                    class="control-label">@lang('dashboard_sales_expenses.financial_movement_status')</label>
                                <select class="form-control select2">
                                    <option>@lang('dashboard_sales_expenses.all_moves')</option>
                                    <option value="AK">حالة 1</option>
                                    <option value="HI">حالة 2</option>

                                </select>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="control-label"> @lang('dashboard_sales_expenses.date_from') </label>
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="mm/dd/yyyy"
                                        data-provide="datepicker">
                                    <div class="input-group-append">
                                        <span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="control-label">@lang('dashboard_sales_expenses.date_to')</label>
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="mm/dd/yyyy"
                                        data-provide="datepicker">
                                    <div class="input-group-append">
                                        <span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-12">
                            <div class="text-right">
                                <button type="submit"
                                    class="btn btn-primary">@lang('dashboard_sales_expenses.perform_operation')</button>
                            </div>
                        </div>
                    </div>







                </div>
            </div>

            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">


                            <h4 class="card-title">@lang('dashboard_sales_expenses.sales') </h4>
                            <p class="card-title-desc">@lang('dashboard_sales_expenses.sales_department')</p>

                            <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap"
                                style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                <thead>
                                    <tr>

                                        <th data-priority="1">@lang('dashboard_sales_expenses.date')</th>
                                        <th data-priority="3">@lang('dashboard_sales_expenses.movement_type')</th>
                                        <th data-priority="1">@lang('dashboard_sales_expenses.number') </th>
                                        <th data-priority="1">@lang('dashboard_sales_expenses.customer') </th>
                                        <th data-priority="1">@lang('dashboard_sales_expenses.due_date') </th>
                                        <th data-priority="1">@lang('dashboard_sales_expenses.balance') </th>
                                        <th data-priority="1">@lang('dashboard_sales_expenses.tax') </th>
                                        <th data-priority="1">@lang('dashboard_sales_expenses.total_before_tax') </th>
                                        <th data-priority="1">@lang('dashboard_sales_expenses.total_after_tax') </th>
                                        <th data-priority="1">@lang('dashboard_sales_expenses.status') </th>
                                        <th data-priority="1">@lang('dashboard_sales_expenses.action') </th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @foreach($invoices as $invoice)
                                    <tr>
                                        <th>{{ $invoice->created_at->toDateString() }}</span></th>

                                        <td>
                                            <div class="btn-group" role="group">
                                                <button id="btnGroupVerticalDrop1" type="button"
                                                    class="btn btn-primary dropdown-toggle" data-toggle="dropdown"
                                                    aria-haspopup="true" aria-expanded="false">
                                                    @lang('dashboard_sales_expenses.action') <i
                                                        class="mdi mdi-chevron-down"></i>
                                                </button>
                                                <div class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop1">
                                                    <a class="dropdown-item"
                                                        href="#">@lang('dashboard_sales_expenses.action') 1 </a>
                                                    <a class="dropdown-item"
                                                        href="#">@lang('dashboard_sales_expenses.action') 2</a>
                                                </div>
                                            </div>
                                        </td>



                                        <td>{{ $invoice->number }}</td>
                                        <td><a href="">{{ $invoice->project->client->name }}</a></td>
                                        <td>{{ date('Y-m-d',strtotime($invoice->due_date)) }}</td>
                                        <td>{{ $invoice->invoice_total }}</td>
                                        <td>{{ $invoice->tax_type ?? 'N\A' }}</td>
                                        <td>{{ $invoice->original_price }}</td>
                                        <td>{{ $invoice->status }}</td>
                                        <td>-</td>
                                        <td>
                                            <div class="btn-group" role="group">
                                                <button id="btnGroupVerticalDrop1" type="button"
                                                    class="btn btn-primary dropdown-toggle" data-toggle="dropdown"
                                                    aria-haspopup="true" aria-expanded="false">
                                                    @lang('dashboard_sales_expenses.action') <i
                                                        class="mdi mdi-chevron-down"></i>
                                                </button>
                                                <div class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop1">
                                                    <a class="popup-form dropdown-item"
                                                        href="#">@lang('dashboard_sales_expenses.print') </a>
                                                    <a class="dropdown-item"
                                                        href="#">@lang('dashboard_sales_expenses.batch_receive')
                                                    </a>
                                                    <a class="dropdown-item"
                                                        href="#">@lang('dashboard_sales_expenses.send')</a>
                                                </div>
                                            </div>
                                        </td>

                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <!-- Record Transaction Modal -->
                            {{-- <div class="card mfp-hide mfp-popup-form mx-auto" id="edittrans">
                                <div class="card-body">
                                    <h4 class="mt-0 mb-4">@lang('dashboard_clients.Action_on_transaction')</h4>
                                    <form>
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label class="control-label">@lang('dashboard_clients.type')</label>
                                                    <select class="form-control select2">
                                                        <option>@lang('dashboard_clients.account_type')</option>
                                                        <optgroup label="Alaskan/Hawaiian Time Zone">
                                                            <option value="AK">credit card</option>
                                                            <option value="HI">@lang('dashboard_clients.else')
                                                            <option>
                                                        </optgroup>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label
                                                        class="control-label">@lang('dashboard_clients.department')</label>
                                                    <select class="form-control select2">
                                                        <option>@lang('dashboard_clients.choose_department')</option>
                                                        <optgroup label="Alaskan/Hawaiian Time Zone">
                                                            <option value="AK">@lang('dashboard_clients.department_1')
                                                            </option>
                                                            <option value="HI">@lang('dashboard_clients.department_2')
                                                            </option>
                                                        </optgroup>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <div class="form-group">
                                                    <label for="subject">@lang('dashboard_clients.tax_code')</label>
                                                    <select class="form-control select2">
                                                        <option>@lang('dashboard_clients.c_tax_code')</option>
                                                        <optgroup label="Alaskan/Hawaiian Time Zone">
                                                            <option value="AK">@lang('dashboard_clients.department_1')
                                                            </option>
                                                            <option value="HI">@lang('dashboard_clients.department_2')
                                                            </option>
                                                        </optgroup>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <div class="form-group">
                                                    <label for="subject">@lang('dashboard_clients.comparison') ( class )
                                                    </label>
                                                    <select class="form-control select2">
                                                        <option>@lang('dashboard_clients.choose_comparison')</option>
                                                        <optgroup label="Alaskan/Hawaiian Time Zone">
                                                            <option value="AK">@lang('dashboard_clients.department_1')
                                                            </option>
                                                            <option value="HI">@lang('dashboard_clients.department_2')
                                                            </option>
                                                        </optgroup>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <div class="form-group">
                                                    <label for="subject">@lang('dashboard_clients.add_location') </label>
                                                    <select class="form-control select2">
                                                        <option>@lang('dashboard_clients.add_location') </option>
                                                        <optgroup label="Alaskan/Hawaiian Time Zone">
                                                            <option value="AK">@lang('dashboard_clients.saudi')</option>
                                                            <option value="HI">@lang('dashboard_clients.egypt')</option>
                                                        </optgroup>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <div class="form-group">
                                                    <label
                                                        for="subject">@lang('dashboard_clients.explanatory_points')</label>
                                                    <textarea class="form-control" id="subject" rows="3"></textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label class="control-label">@lang('dashboard_clients.upload_file')</label>
                                                <div class="custom-file">
                                                    <input type="file" class="custom-file-input" id="customFile">
                                                    <label class="custom-file-label"
                                                        for="customFile">@lang('dashboard_clients.choose_file')</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <div class="text-right">
                                                    <button type="submit"
                                                        class="btn btn-primary">@lang('dashboard_clients.execution')</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div> --}}
                        </div>
                    </div>
                </div>
                <!-- end col -->
            </div>
            <!-- end row -->

            <!-- end row -->

        </div>
        <!-- End Page-content -->
    @endsection