@extends(config('admin_theme.layout', 'admin.modern.layout.master'))
@section('title')
    {{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.breadcrumb_view')
@stop
@section('page-content')
    <div class="dashboard__section__overview d-md-flex justify-content-between pt-4">
        <div class="dashboard__section-tile">
            <h3>{{ $current_route->{'name_' . trans('admin.lang')} }}</h3>
        </div>
        <div class="dashboard__section-buttons d-flex align-items-center gap-3 pt-4 pt-md-0">
            @can('admin.sale_offer.add')
                @if(App\Helpers\Helpers::checkAccountLink(array(5,7)))
                    <div class="dashboard__btn-fill">
                        <a href="{{ route('sale_offer.add') }}">
                            <img src="{{ asset('assets/modern/images/add_w.svg') }}" alt=""/>
                            @Lang('admin.show_price')
                        </a>
                    </div>
                @else
                    {{ App\Helpers\Helpers::viewAccountLinkMsg() }}
                @endif
            @endcan
            <div class="dashboard__btn-outline">
                <button class="buttons-html5" id="excel-button" type="button" title="Excel">
                    <img src="{{ asset('assets/modern/images/export_excel.svg') }}" alt=""/>
                    Export as Excel
                </button>
            </div>
        </div>
    </div>
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.general.search_sale_invoice')
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.error')

    <!-- Sales Order Table -->
    <div class="sales__invoice__table">
        <div class="table__container">
            <div class="row-hover-actions" id="row-hover-actions"></div>
            <table id="data_table">
                <thead>
                <tr>
                    <th>@Lang('admin.order_id') @Lang('admin.show_price')</th>
                    <th>@Lang('admin.order_date') @Lang('admin.show_price')</th>
                    <th>@Lang('admin.customer_name')</th>
                    <th>@Lang('admin.payment_type')</th>
                    <th>@Lang('admin.total_invoice')</th>
                    <th>@Lang('admin.discount_amount')</th>
                    <th>@Lang('admin.discount_per')</th>
                    <th>@Lang('admin.total_invoice_tax')</th>
                    <th>@Lang('admin.vat_number')</th>
                    <th>@Lang('admin.invoice_type')</th>
                    <th>@Lang('admin.reference_no')</th>
                    <th>@Lang('admin.created_at')</th>
                    <th>@Lang('admin.created_by')</th>
                    <th></th>
                </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
@stop
@section('modal')
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.ajax')
@stop
@section('js')
    <script type="text/javascript">
        var list_link = "{{ route('sale_offer.list') }}";
        var columns = [
            {"data": "id"},
            {"data": "invoice_date"},
            {"data": "customer_name"},
            {"data": "payment_type"},
            {"data": "total_before_tax_discount"},
            {"data": "total_discount"},
            {"data": "discountPercentage"},
            {"data": "total_tax"},
            {"data": "vat_number"},
            {"data": "report_type_name"},
            {"data": "referance_no"},
            {"data": "created_at"},
            {"data": "user_name"},
            { data: 'actions', orderable: false }
        ];
        $(document).ready(function () {
            $('#confirm').on('show.bs.modal', function (e) {
                $("#delete_id").val($(e.relatedTarget).data('href'));
            });
            $(document).on('click', ".delete", function () {
                var id = $("#delete_id").val();
                $.ajax({
                    type: "POST",
                    url: "{{ route('sale_offer.delete') }}",
                    data: {'id': id, '_token': $('meta[name="csrf-token"]').attr('content')},
                    beforeSend: function () {
                        $(".ezdan_loading").show();
                    },
                    complete: function () {
                        $(".ezdan_loading").hide();
                    },
                    success: function (data) {
                        toastr[data.status](data.message);
                        table.draw();
                    }
                });
            });
            $(document).on('click', ".sale_offer", function () {
                var customers_id = $(this).data('id');
                // AJAX request
                $.ajax({
                    url: 'sale_offer/viewMoreData',
                    type: 'post',
                    data: {id: customers_id, '_token': $('meta[name="csrf-token"]').attr('content')},
                    beforeSend: function () {
                        $(".ezdan_loading").show();
                    },
                    complete: function () {
                        $(".ezdan_loading").hide();
                    },
                    success: function (response) {
                        // Add response in Modal body
                        $('#modal-default .modal-body').html(response);
                        // Display Modal
                        $('#modal-default').modal('show');
                    }
                });
            });
        });
    </script>
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.general.datatable')
@stop