@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')
    <div class="content-body">

        <div class="mb-1 d-flex justify-content-between m-0">

            <x-admin.buttons 
                deletebutton="{{ route('admin.settlements.deleteAll') }}" />


            <x-admin.filter datefilter="true" order="true" :searchArray="[
                'settle_num' => [
                    'input_type' => 'text',
                    'input_name' => __('admin.settle_num'),
                ],
                'settlementable->name' => [
                    'input_type' => 'text',
                    'input_name' => __('admin.name'),
                ],
                'amount' => [
                    'input_type' => 'text',
                    'input_name' => __('admin.amount'),
                ],
            ]" />
        </div>

        <nav class="nav nav-pills nav-fill row justify-content-around settlement-status-filter">
            @php
                $statuses = ['pending' => 'pending', 'accepted' => 'accepted', 'rejected' => 'rejected'];
            @endphp

            @foreach ($statuses as $key => $label)
                <a href="javascript:void(0);"
                    class="nav-link btn bg-gradient-primary mr-1 mb-1 waves-effect waves-light {{ request('status') === $key || (!request('status') && $key === 'new') ? 'active' : '' }}"
                    data-status="{{ $key }}">
                    {{ __("admin.$label") }}
                </a>
            @endforeach

            <input type="hidden" name="status" class="search-input  status-input" value='pending'>
        </nav>


        <div class="table_content_append">
        </div>
    </div>
@endsection

@section('js')
    <script src="{{ asset('admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js') }}"></script>
    <script src="{{ asset('admin/app-assets/js/scripts/extensions/sweet-alerts.js') }}"></script>

    {{-- delete all script --}}
    @include('admin.shared.deleteAll')
    {{-- delete all script --}}

    {{-- delete one user script --}}
    @include('admin.shared.deleteOne')
    {{-- delete one user script --}}

    {{-- delete one user script --}}
    @include('admin.shared.filter_js', ['index_route' => url('admin/settlements')])
    {{-- delete one user script --}}

    <script>
        $(document).ready(function() {
            $('[data-status="pending"]').addClass('active');
        });

        $(document).on('click', '.settlement-status-filter a', function() {
            let status = $(this).data('status');
            $('.settlement-status-filter a').removeClass('active');
            $(this).addClass('active');

            $(".status-input").val(status);

            $(".search-resetable").val("").prop("checked", false).prop("selected", false);
            var searchArray = {};
            searchArray['status'] = status;
            getData({
                'searchArray': searchArray
            });

        });
    </script>
@endsection