@extends('admin.layout.master')
@section('title')
{{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
<!-- start page title -->
<div class="row">
    <div class="col-sm-6">
        <div class="page-title-box">
            <h4>{{ $current_route->{'name_' . trans('admin.lang')} }}</h4>
            <ol class="breadcrumb m-0">
                <li class="breadcrumb-item"><a href="javascript: void(0);">@Lang('admin.home')</a></li>
                <li class="breadcrumb-item active">{{ $current_route->{'name_' . trans('admin.lang')} }}</li>
            </ol>
        </div>
    </div>
</div>
<!-- end page title -->
@stop
@section('page-content')
<div class="d-flex justify-content-between mb-3">
    @can('admin.sale_offer.add')
    @if(App\Helpers\Helpers::checkAccountLink(array(5,7)))
    <a href="{{ route('sale_offer.add') }}" class="btn btn-default btn-primary">
        <i class="fa fa-plus"></i> @Lang('admin.add')  @Lang('admin.show_price') 
    </a>
    @else
    {{ App\Helpers\Helpers::viewAccountLinkMsg() }}
    @endif
    @endcan
    <span id="outside">
        <button class="btn btn-secondary buttons-html5" id="excel-button" type="button" title="Excel"><span>Excel</span></button>
    </span>
</div>
@include('admin.layout.general.search_sale_invoice')
<div class="table-rep-plugin">
    @include('admin.layout.error')
    <div class="table-responsive mb-0" data-pattern="priority-columns">
        <table id="data_table" class="table table-striped">
            <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>@Lang('admin.actions')</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</div>
@stop
@section('modal')
@include('admin.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"}
    ];
    $(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('admin.layout.general.datatable')
@stop