@extends('layouts.backend.index')
@section('title', $label)

@section('content')
<div class="card">
    <div class="card-body pb-0">
        <x-section-header action="list" :icon="$icon" :label="$label" hr-class="d-none" />
    </div>
</div>

<nav class="navbar navbar-expand-lg navbar-light bg-light navbar-page border-bottom mt-4"
    style="border-bottom-left-radius: 0;border-bottom-right-radius: 0;">
    <a class="navbar-brand d-block d-sm-none" href="#">Menu</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
        @php
        $set_waiting = $render == 'waiting' ? ' active' : '';
        $set_done = $render == 'done' ? ' active' : '';
        @endphp

        <ul class="navbar-nav">
            <li class="nav-item{{ $set_waiting }}">
                <a href="{{ route('affiliate.withdrawal.process', 'waiting') }}" class="nav-link">
                    <i class="mdi mdi-sync-circle"></i> &nbsp;Menunggu Diproses
                </a>
            </li>
            <li class="nav-item{{ $set_done }}">
                <a href="{{ route('affiliate.withdrawal.process', 'done') }}" class="nav-link">
                    <i class="mdi mdi-check-circle"></i> &nbsp;Sudah Diproses
                </a>
            </li>
        </ul>
    </div>
</nav>

<div class="card">
    <div class="card-body pt-4">
        @include($dir . 'process-' . $render)
    </div>
</div>
@endsection

@push('styles')
<link href="{{ asset('vendor/datatables.net/datatables.net-bs4/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet">
@endpush

@push('scripts')
<script src="{{ asset('vendor/datatables.net/datatables.net/js/jquery.dataTables.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('vendor/datatables.net/datatables.net-bs4/js/dataTables.bootstrap4.min.js') }}" type="text/javascript"></script>
@endpush