@extends(config('admin_theme.layout', 'admin.layout.master'))
@section('title')
{{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
@include(config('admin_theme.view_prefix', 'admin').'.layout.breadcrumb_view')
@stop
@section('page-content')
<div class="d-flex justify-content-between mb-3">
    <div>
        @can('admin.items.add')
        @if(App\Helpers\Helpers::checkAccountLink(array(5,7)))
        <a href="{{ route('items.add') }}" class="btn btn-default btn-primary">
            <i class="fa fa-plus"></i> @Lang('admin.add')
        </a>
        @else
        {{ App\Helpers\Helpers::viewAccountLinkMsg() }}
        @endif
        @endcan
        @can('super_admin')
        <a href="{{ url('assets/Ezdan template.xlsx') }}" class="btn btn-default btn-success">
            <i class="fa fa-download"></i> @Lang('admin.xls-download')
        </a>
        <a href="{{ route('items.import') }}" class="btn btn-default btn-info ">
            <i class="fa fa-upload"></i> @Lang('admin.xls-upload')
        </a>
        @endcan
    </div>
    {{-- Keep the custom export button outside the DataTables target. --}}
    <div class="d-flex align-items-center">
        <span id="outside">
            <button class="btn btn-secondary buttons-html5" id="excel-button" type="button" title="Excel"><span>Excel</span></button>
        </span>


        <a class="btn btn-success" style="margin-inline-start: 8px;" href="{{ route('items.export_all') }}" title="@Lang('admin.export-all-items')">
            <i class="fa fa-download"></i> @Lang('admin.export-all-items')
        </a>
    </div>

</div>
@include(config('admin_theme.view_prefix', 'admin').'.layout.general.search_other')
<div class="table-rep-plugin">
    @include(config('admin_theme.view_prefix', 'admin').'.layout.error')
    <div class="table-responsive">
        <table id="data_table" class="table  table-striped">
            <thead>
                <tr>
                    <th>#</th>
                    <th>@Lang('admin.main_category_id')</th>
                    <th>@Lang('admin.sub_category_id')</th>
                    <th>@Lang('admin.item_name')</th>
                    <th>@Lang('admin.barcode')</th>
                    <th>@Lang('admin.units_id')</th>
                    <th>@Lang('admin.purchase_rate')</th>
                    <th>@Lang('admin.purchase_rate_cal')</th>
                    <th>@Lang('admin.sale_rate')</th>
                    <th>@Lang('admin.profit')</th>
                    <th>@Lang('admin.limit_min_qty')</th>
                    <th>@Lang('admin.tax_sale')</th>
                    <th>@Lang('admin.total-with-tax')</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(config('admin_theme.view_prefix', 'admin').'.layout.ajax')
@stop
@section('js')
<script type="text/javascript">
    var list_link = "{{ route('items.list') }}";
    var columns = [
        {"data": "id"},
        {"data": "main_category_id"},
        {"data": "sub_category_id"},
        {"data": "item_name"},
        {"data": "barcode"},
        {"data": "units_id"},
        {"data": "purchase_rate"},
        {"data": "purchase_rate_cal", "orderable": false},
        {"data": "sale_rate"},
        {"data": "profit"},
        {"data": "limit_min_qty"},
        {"data": "tax_id"},
        {"data": "total_with_tax"},
        {"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('items.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', ".price", function () {
            var item_id = $(this).data('id');
            // AJAX request
            $.ajax({
                url: "{{ route('item.price') }}",
                type: 'post',
                data: {id: item_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>
@include(config('admin_theme.view_prefix', 'admin').'.layout.general.datatable_other')
@stop