@extends('admin.layout.master')
@section('title')
{{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
<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_order.add')
    <a href="{{ route('sale_order.add') }}" class="btn btn-default btn-primary">
        <i class="fa fa-plus"></i> @Lang('admin.add-sale-order')
    </a>
    @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_order')
@include('admin.layout.error')
<div class="table-rep-plugin">
    <div class="table-responsive mb-0" data-pattern="priority-columns">
        <table id="data_table" class="table table-striped">
            <thead>
                <tr>
                    <th>@Lang('admin.order_no')</th>
                    <th>@Lang('admin.order_date')</th>
                    <th>@Lang('admin.customer_name')</th>
                    <th>@Lang('admin.total_invoice')</th>
                    <th>@Lang('admin.total_invoice_tax')</th>
                    <th>@Lang('admin.total_invoice_remain')</th>
                    <th>@Lang('admin.total_invoice_tax_remain')</th>
                    <th>@Lang('admin.status')</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_order.list') }}";
    var columns = [
        {
            "data": "id"
        },
        {
            "data": "order_date"
        },
        {
            "data": "customer_name"
        },
        {
            "data": "total_before_tax_discount"
        },
        {
            "data": "total_tax"
        },
        {
            "data": "total_before_tax_discount_remain"
        },
        {
            "data": "total_tax_remain"
        },
        {
            "data": "status_id"
        },
        {
            "data": "created_at"
        },
        {
            "data": "user_name"
        },
        {
            "data": "actions"
        }
    ];
    $(document).on('click', ".details", function () {
        var id = $(this).data('id');
        // AJAX request
        $.ajax({
            url: '{{ route('sale_order.viewMoreData') }}',
            type: 'post',
            data: {
                id: 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-body').html(response);
                // Display Modal
                $('#modal-default').modal('show');
            }
        });
    });</script>
<script>
    $(document).ready(function () {
        // Attach click event listener to all delete buttons
        $('#data_table').on('click', '.delete-button', function (event) {
            event.preventDefault(); // Prevent the default form submission

            // Find the closest form to the clicked button
            var form = $(this).closest('.delete-form');
            // Show SweetAlert confirmation dialog
            Swal.fire({
                title: "@lang('admin.warning-title')",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: "@lang('admin.yes')",
                cancelButtonText: "@lang('admin.no')"
            }).then((result) => {
                if (result.isConfirmed) {
                    // If the user confirms, submit the form
                    form.submit();
                }
            });
        });
    });
</script>

@include('admin.layout.general.datatable')
@stop