@extends("agentportal.layouts.layout")

@section("title", trans("message_lang.LBL_MULTISERVICES_CONFIG"))

@section("content")
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Entry-->
    <div class="d-flex flex-column-fluid">
        <!--begin::Container-->
        <div class="container">
            <!--begin::Card-->
            <div class="card card-custom">
                <div class="card-header">
                    <div class="card-title">
                        <h3 class="card-label">{!! trans("message_lang.LBL_MULTISERVICES_CONFIG") !!}</h3>
                    </div>
                    <div class="card-toolbar">
                        <a role="button" href="{{ route('agentportal.multiservice-configs.add-operator') }}" class="btn btn-primary btn-sm">
                            {!! trans('message_lang.BTN_ADD_OPERATOR') !!}
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <!--begin: Datatable-->
                    <table id="operatorsTable" class="table table-bordered grid-table nowrap">
                        <thead>
                            <tr>
                                <th>{!! trans("message_lang.LBL_OPERATOR_NAME") !!}</th>
                                <th>{!! trans("message_lang.LBL_PARTNER_OPERATOR_ID") !!}</th>
                                <th>{!! trans("message_lang.LBL_COUNTRY") !!}</th>
                                <th>{!! trans("message_lang.LBL_STATUS") !!}</th>
                                <th>{!! trans("message_lang.LBL_DATE") !!}</th>
                                <th>{!! trans("message_lang.LBL_ACTIONS") !!}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($operators as $operator)
                                <tr>
                                    <td>
                                        <a href="{{ route('agentportal.multiservice-configs.view-operator', base64_encode($operator->id)) }}">
                                            {{ $operator->operatorName }}
                                        </a>
                                    </td>
                                    <td>{{ $operator->partnerOperatorId }}</td>
                                    <td>{{ $operator->countryCode }}</td>
                                    <td>{{ config('constants.SERVICE_OPERATOR_STATES')[$operator->serviceStatus] }}</td>
                                    <td>{{ $operator->created_at }}</td>
                                    <td>
                                        <a href="{{ route('agentportal.multiservice-configs.add-operator-product', [base64_encode($operator->id)]) }}" role="button" class="btn btn-primary btn-sm">
                                            {!! trans("message_lang.BTN_ADD_PRODUCT") !!}
                                        </a>
                                        <a href="{{ route('agentportal.multiservice-configs.edit-operator', [base64_encode($operator->id)]) }}" role="button" class="btn btn-info btn-sm">
                                            {!! trans("message_lang.BTN_EDIT") !!}
                                        </a>
                                        <button type="button" class="btn btn-sm btn-danger" id="operatorDeleteBtn{{ $operator->id }}" onclick="deleteOperator({{ $operator->id }})" value="{{ $operator->id }}">
                                            {!! trans("message_lang.BTN_DELETE") !!}
                                        </button>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" style="text-align: center">
                                        {!! trans("message_lang.MSG_NO_OPERATORS_FOUND") !!}
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                    <!--end: Datatable-->
                </div>
            </div>
            <!--end::Card-->
        </div>
        <!--end::Container-->
    </div>
    <!--end::Entry-->
</div>
@endsection

@section("page_script")
<script type="text/javascript">
function deleteOperator(operatorId)
{
    // get the value
    const operator = $(`#operatorDeleteBtn${operatorId}`).val();

    // confirm deletion for the operator
    let message = "Are you sure you want to delete this operator";
    if(!confirm(message)) {
        window.location.reload();
        return;
    }

    // submit the delete request to the backend
    let url = `{{ route('agentportal.multiservice-configs.delete-operator') }}`;
    $.ajax({
        url: url,
        type: "delete",
        dataType: "json",
        data: {
            operatorId: operator,
            _token: "{{csrf_token()}}"
        },
        success: (res) => {
            alert(res.message);
            window.location.reload();
        }
    })
}
</script>
@endsection