@extends('admin.layout.master')

@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('admin/app-assets/vendors/css/extensions/sweetalert2.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('admin/index_page.css') }}">
@endsection

@section('content')
@php
    $activeStatusTab = $activeStatusTab ?? 'accepted';
    $statusCounts = $statusCounts ?? ['accepted' => 0, 'pending' => 0];
@endphp

<div class="content-body">
    <x-admin.status-tabs
        :tabs="[
            'accepted' => [
                'label' => __('admin.accepted_settlements_tab'),
                'color' => 'success',
                'count' => $statusCounts['accepted'] ?? 0,
                'icon' => 'feather icon-check-circle',
            ],
            'pending' => [
                'label' => __('admin.pending_settlements_tab'),
                'color' => 'warning',
                'count' => $statusCounts['pending'] ?? 0,
                'icon' => 'feather icon-clock',
            ],
        ]"
        :active="$activeStatusTab"
        :base-url="route('admin.settlements.index')"
    />

    <div class="mb-1 d-flex justify-content-between m-0">
        <x-admin.filter datefilter="true" order="true" :searchArray="[
            'provider_id' => [
                'input_type' => 'select',
                'rows' => \App\Models\Provider::orderBy('name')->get()->map(fn ($p) => ['name' => $p->name, 'id' => $p->id]),
                'input_name' => __('admin.provider'),
            ],
        ]" />
    </div>
    <div class="table_content_append"></div>
</div>

@include('admin.settlements.partials.accept_modal')
@include('admin.settlements.partials.reject_modal')
@endsection

@section('js')
<script src="{{ asset('admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js') }}"></script>
@include('admin.shared.swal-config')
@include('admin.shared.filter_js', ['index_route' => route('admin.settlements.index'), 'defer_initial_load' => true])
@include('admin.shared.status_tabs_js', [
    'indexRoute' => route('admin.settlements.index'),
    'activeTab' => $activeStatusTab,
])
<script>
$(document).on('click', '.settlement-accept', function (e) {
    e.preventDefault();
    $('#accept_modal').modal('show');
    $('#accept_form').attr('action', $(this).data('url'));
});
$(document).on('click', '.settlement-reject', function (e) {
    e.preventDefault();
    $('#reject_modal').modal('show');
    $('#reject_form').attr('action', $(this).data('url'));
    $('#reject_reason').val('');
    $('#reject_form').parsley().reset();
});
function settlementAjaxMessage(xhr) {
    const json = xhr.responseJSON || {};
    if (json.message) {
        return json.message;
    }
    if (json.msg) {
        return json.msg;
    }
    if (json.errors) {
        const first = Object.values(json.errors)[0];
        return Array.isArray(first) ? first[0] : first;
    }
    if (xhr.status === 422) {
        return '{{ __('admin.error') }}';
    }
    return xhr.statusText || '{{ __('admin.error') }}';
}

$('#accept_form').on('submit', function (e) {
    e.preventDefault();
    const formData = new FormData(this);
    $.ajax({
        url: $(this).attr('action'),
        type: 'POST',
        data: formData,
        processData: false,
        contentType: false,
        headers: { 'Accept': 'application/json' },
        success: function (res) {
            $('#accept_modal').modal('hide');
            $('#accept_form')[0].reset();
            adminAlert({ icon: 'success', title: res.message || '{{ __('admin.done') }}' });
            $('.search-input').trigger('change');
        },
        error: function (xhr) {
            adminAlert({ icon: 'error', title: settlementAjaxMessage(xhr) });
        }
    });
});
$('#reject_form').on('submit', function (e) {
    e.preventDefault();
    const form = $(this);
    if (!form.parsley().validate()) {
        return;
    }
    $.ajax({
        url: $(this).attr('action'),
        type: 'POST',
        data: $(this).serialize(),
        headers: { 'Accept': 'application/json' },
        success: function (res) {
            $('#reject_modal').modal('hide');
            adminAlert({ icon: 'success', title: res.message || '{{ __('admin.done') }}' });
            $('.search-input').trigger('change');
        },
        error: function (xhr) {
            adminAlert({ icon: 'error', title: settlementAjaxMessage(xhr) });
        }
    });
});
</script>
@endsection