@extends('agentportal.layouts.layout')

@section('title', __('message_lang.LBL_DEPOSIT_COMPANY_ERRORS'))

@section("page_style")
    <link rel="stylesheet" type="text/css" href="{{ url('dist/assets/plugins/custom/datatables/datatables.bundle.css') }}">

    <link href="{{ url('css/select2.min.css') }}" rel="stylesheet" type="text/css"/>
    <style type="text/css">
        .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
            background-color: #00FFFF;
        }
    </style>
@endsection

@section('content')
<div class="d-flex flex-column-fluid">
    <div class="container">
        <div class="card card-custom">
            <div class="card-header border-0 pt-6">
                <div class="card-title">
                    <h3 class="card-label">{{ __('message_lang.LBL_DEPOSIT_COMPANY_ERRORS') }}</h3>
                </div>
                <div class="card-toolbar">
                    <a href="{{ route('agentportal.deposit-company-errors.create') }}" class="btn btn-primary">{{ __('message_lang.BTN_ADD') }}</a>
                    <button type="button" id="export-csv" class="btn btn-success ml-2">{{ __('message_lang.LBL_EXPORT_TO_CSV') }}</button>
                </div>
            </div>
            <div class="card-body">
                <form id="filter-form" class="form mb-5">
                    <div class="form-row">
                        <div class="col-md-4">
                            <label>{{ __('message_lang.LBL_CATEGORY') }}</label>
                            <select id="filter_error_category_id" class="form-control">
                                <option value="">-- {{ __('message_lang.LBL_SELECT') }} --</option>
                                @foreach($categories as $cat)
                                    <option value="{{ $cat->id }}">{{ $cat->category }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label>{{ __('message_lang.LBL_PARTNER') }}</label>
                            <select id="filter_base_company_code" class="form-control">
                                <option value="">-- {{ __('message_lang.LBL_SELECT') }} --</option>
                                @foreach($baseCompanyCodes as $code)
                                    <option value="{{ $code->base_company_code }}">{{ $code->base_company_code }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4 align-self-end">
                            <button type="button" id="apply-filters" class="btn btn-info">{{ __('message_lang.BTN_APPLY_FILTER') }}</button>
                            <button type="button" id="reset-filters" class="btn btn-light">{{ __('message_lang.BTN_RESET') }}</button>
                        </div>
                    </div>
                </form>

                <table id="errorsTable" class="table table-bordered grid-table nowrap">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>{{ __('message_lang.LBL_PARTNER') }}</th>
                            <th>{{ __('message_lang.LBL_COMPANY_CODES') }}</th>
                            <th>{{ __('message_lang.LBL_CATEGORY') }}</th>
                            <th>{{ __('message_lang.LBL_PARTNER_ERROR_CODE') }}</th>
                            <th>{{ __('message_lang.LBL_PARTNER_ERROR') }}</th>
                            <th>{{ __('message_lang.LBL_ACTIONS') }}</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection

@section('page_vendors')
    <script src="{{ url('dist/assets/plugins/custom/datatables/datatables.bundle.js') }}"></script>
@endsection

@section('page_script')
<script type="text/javascript">
    var listTable;
    $(function () {
        listTable = $('#errorsTable').DataTable({
            processing: true,
            serverSide: true,
            responsive: true,
            pageLength: 50,
            aaSorting: [],
            ajax: {
                url: "{{ route('agentportal.deposit-company-errors.list') }}",
                type: "POST",
                dataType: "json",
                data: function (d) {
                    d._token = "{{ csrf_token() }}";
                    d.error_category_id = $('#filter_error_category_id').val();
                    d.base_company_code = $('#filter_base_company_code').val();
                }
            },
            columnDefs: [
                { targets: [0, 6], orderable: false },
            ],
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex' },
                { data: 'base_company_code', name: 'base_company_code' },
                { data: 'supported_company_codes', name: 'supported_company_codes' },
                { data: 'category_name', name: 'category_name' },
                { data: 'error_code', name: 'error_code' },
                { data: 'error_message', name: 'error_message' },
                { data: 'action', name: 'action' },
            ]
        });

        $('#apply-filters').on('click', function () {
            listTable.ajax.reload();
        });
        $('#reset-filters').on('click', function () {
            $('#filter_error_category_id').val('');
            $('#filter_base_company_code').val('');
            listTable.ajax.reload();
        });

        $('#export-csv').on('click', function () {
            var error_category_id = $('#filter_error_category_id').val();
            var base_company_code = $('#filter_base_company_code').val();
            
            var url = "{{ route('agentportal.deposit-company-errors.export') }}?";
            if (error_category_id) {
                url += "error_category_id=" + error_category_id + "&";
            }
            if (base_company_code) {
                url += "base_company_code=" + base_company_code + "&";
            }
            
            window.location.href = url;
        });
    });
</script>
@endsection