@extends('dashboard.layout.layout')

@section('content')
    <!-- Tabs with Icon starts -->
    <div class="col-xl-12 col-lg-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">{{ trans('dashboard.renew_subscribtion_request.requests') }}</h4>
            </div>
            <div class="card-body">
                <ul class="nav nav-tabs" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="homeIcon-tab" data-toggle="tab" href="#homeIcon" aria-controls="home"
                            role="tab" aria-selected="true"><i data-feather="home"></i>
                            {{ trans('dashboard.renew_subscribtion_request.pending') }}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="profileIcon-tab" data-toggle="tab" href="#profileIcon"
                            aria-controls="profile" role="tab" aria-selected="false"><i data-feather="tool"></i>
                            {{ trans('dashboard.renew_subscribtion_request.accepted') }}</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" id="aboutIcon-tab" data-toggle="tab" href="#aboutIcon"
                            aria-controls="about" role="tab" aria-selected="false"><i data-feather="eye-off"></i>
                            {{ trans('dashboard.renew_subscribtion_request.rejected') }}</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="homeIcon" aria-labelledby="homeIcon-tab" role="tabpanel">
                        {{-- pending table here --}}
                        <div class="d-flex justify-content-center">
                            {!! $renew_subscribtion_requests_pending->links() !!}
                        </div>
                        <div class="table-responsive">
                            <table
                                class="table table-bordered datatables-custom-without-title dataex-html5-selectors table-hover-animation">
                                <thead>
                                    <tr class="text-center">
                                        <th>#</th>
                                        <th>{!! trans('dashboard.driver.driver') !!}</th>
                                        <th>{!! trans('dashboard.driver.driver_wallet') !!}</th>
                                        <th>{!! trans('dashboard.driver_package.driver_package') !!}</th>
                                        <th>{!! trans('dashboard.driver_package.driver_package_price') !!}</th>
                                        <th>{!! trans('dashboard.general.added_date') !!}</th>
                                        <th>{!! trans('dashboard.general.control') !!}</th>
                                    </tr>
                                </thead>
                                <tbody class="text-center">
                                    @foreach ($renew_subscribtion_requests_pending as $pending_item)
                                        <tr class="{{ $pending_item->id }} text-center">
                                            <td>{{ $loop->iteration }}</td>
                                            <td>
                                                <a href="{!! route('dashboard.driver.show', $pending_item->driver_id) !!}">
                                                    {{ $pending_item->driver->fullname }}
                                                </a>
                                            </td>
                                            <td>{{ (float) $pending_item->driver->wallet }}</td>
                                            <td>{{ optional($pending_item->driverPackage)->name }}</td>
                                            <td>{{ optional($pending_item->driverPackage)->package_price }}</td>
                                            <td>
                                                <div class="badge badge-violet badge-md mr-1 mb-1">
                                                    {{ $pending_item->created_at->format('Y-m-d') }}</div>
                                            </td>
                                            <td class="text-center">
                                                {!! Form::model($pending_item, ['route' => ['dashboard.renew_subscribtion_request.update', $pending_item->id], 'method' => 'PUT', 'id' => 'renew_form_' . $pending_item->id]) !!}
                                                <input type="hidden" name="renew_status" value="accepted">
                                                <a class="text-success font-medium-3"
                                                    onclick="document.getElementById('renew_form_{{ $pending_item->id }}').submit();">
                                                    <i class="icofont-check" title="{!! trans('dashboard.renew_subscribtion_request.accept_request') !!}"></i>
                                                </a>
                                                {!! Form::close() !!}

                                                <a class="text-danger font-medium-3"
                                                    onclick="openRefuseModel('{{ route('dashboard.renew_subscribtion_request.update', $pending_item->id) }}')">
                                                    <i class="icofont-close-circled font-medium-3"
                                                        title="{!! trans('dashboard.update_request.refuse_update') !!}"></i></a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="d-flex justify-content-center">
                            {!! $renew_subscribtion_requests_pending->links() !!}
                        </div>

                    </div>
                    <div class="tab-pane" id="profileIcon" aria-labelledby="profileIcon-tab" role="tabpanel">
                        {{-- accepted --}}
                        <div class="d-flex justify-content-center">
                            {!! $renew_subscribtion_requests->links() !!}
                        </div>
                        <div class="table-responsive">
                            <table
                                class="table table-bordered datatables-custom-without-title  dataex-html5-selectors table-hover-animation">
                                <thead>
                                    <tr class="text-center">
                                        <th>#</th>
                                        <th>{!! trans('dashboard.driver.driver') !!}</th>
                                        <th>{!! trans('dashboard.driver.driver_wallet') !!}</th>
                                        <th>{!! trans('dashboard.driver_package.driver_package') !!}</th>
                                        <th>{!! trans('dashboard.driver_package.driver_package_price') !!}</th>
                                        <th>{!! trans('dashboard.general.added_date') !!}</th>
                                        <th>{!! trans('dashboard.general.control') !!}</th>
                                    </tr>
                                </thead>
                                <tbody class="text-center">
                                    @foreach ($renew_subscribtion_requests as $renew_subscribtion_request)
                                        <tr class="{{ $renew_subscribtion_request->id }} text-center">
                                            <td>{{ $loop->iteration }}</td>
                                            <td>
                                                <a href="{!! route('dashboard.driver.show', $renew_subscribtion_request->driver_id) !!}">
                                                    {{ $renew_subscribtion_request->driver->fullname }}
                                                </a>
                                            </td>
                                            <td>{{ (float) $renew_subscribtion_request->driver->wallet }}</td>
                                            <td>{{ optional($renew_subscribtion_request->driverPackage)->name }}</td>
                                            <td>{{ optional($renew_subscribtion_request->driverPackage)->package_price }}
                                            </td>
                                            <td>
                                                <div class="badge badge-violet badge-md mr-1 mb-1">
                                                    {{ $renew_subscribtion_request->created_at->format('Y-m-d') }}</div>
                                            </td>
                                            <td class="text-center">
                                                {{-- {!! Form::model($renew_subscribtion_request, ['route' => ['dashboard.renew_subscribtion_request.update', $renew_subscribtion_request->id], 'method' => 'PUT', 'id' => 'renew_form_' . $renew_subscribtion_request->id]) !!} --}}
                                                {{-- <input type="hidden" name="renew_status" value="accepted"> --}}
                                                <a class="text-success font-medium-3 disabled"
                                                    {{-- onclick="document.getElementById('renew_form_{{ $renew_subscribtion_request->id }}').submit();" --}}
                                                    >
                                                    <i class="icofont-check" title="{!! trans('dashboard.renew_subscribtion_request.accept_request') !!}"></i>
                                                </a>
                                                {{-- {!! Form::close() !!} --}}

                                                {{-- <a class="text-danger font-medium-3"
                                                    onclick="openRefuseModel('{{ route('dashboard.renew_subscribtion_request.update', $renew_subscribtion_request->id) }}')">
                                                    <i class="icofont-close-circled font-medium-3"
                                                        title="{!! trans('dashboard.update_request.refuse_update') !!}"></i></a> --}}
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="d-flex justify-content-center">
                            {!! $renew_subscribtion_requests->links() !!}
                        </div>
                    </div>
                    {{-- rejected requests --}}
                    <div class="tab-pane" id="aboutIcon" aria-labelledby="aboutIcon-tab" role="tabpanel">
                        <div class="d-flex justify-content-center">
                            {!! $renew_subscribtion_requests_rejected->links() !!}
                        </div>
                        <div class="table-responsive">
                            <table
                                class="table table-bordered datatables-custom-without-title  dataex-html5-selectors table-hover-animation">
                                <thead>
                                    <tr class="text-center">
                                        <th>#</th>
                                        <th>{!! trans('dashboard.driver.driver') !!}</th>
                                        <th>{!! trans('dashboard.driver.driver_wallet') !!}</th>
                                        <th>{!! trans('dashboard.driver_package.driver_package') !!}</th>
                                        <th>{!! trans('dashboard.driver_package.driver_package_price') !!}</th>
                                        <th>{!! trans('dashboard.general.added_date') !!}</th>
                                        <th>{!! trans('dashboard.general.control') !!}</th>
                                    </tr>
                                </thead>
                                <tbody class="text-center">
                                    @foreach ($renew_subscribtion_requests_rejected as $rejected_item)
                                        <tr class="{{ $rejected_item->id }} text-center">
                                            <td>{{ $loop->iteration }}</td>
                                            <td>
                                                <a href="{!! route('dashboard.driver.show', $rejected_item->driver_id) !!}">
                                                    {{ $rejected_item->driver->fullname }}
                                                </a>
                                            </td>
                                            <td>{{ (float) $rejected_item->driver->wallet }}</td>
                                            <td>{{ optional($rejected_item->driverPackage)->name }}</td>
                                            <td>{{ optional($rejected_item->driverPackage)->package_price }}
                                            </td>
                                            <td>
                                                <div class="badge badge-violet badge-md mr-1 mb-1">
                                                    {{ $rejected_item->created_at->format('Y-m-d') }}</div>
                                            </td>
                                            <td class="text-center">
                                                {!! Form::model($rejected_item, ['route' => ['dashboard.renew_subscribtion_request.update', $rejected_item->id], 'method' => 'PUT', 'id' => 'renew_form_' . $rejected_item->id]) !!}
                                                <input type="hidden" name="renew_status" value="accepted">
                                                <a class="text-success font-medium-3"
                                                    onclick="document.getElementById('renew_form_{{ $rejected_item->id }}').submit();">
                                                    <i class="icofont-check" title="{!! trans('dashboard.renew_subscribtion_request.accept_request') !!}"></i>
                                                </a>
                                                {!! Form::close() !!}

                                                {{-- <a class="text-danger font-medium-3"
                                                    onclick="openRefuseModel('{{ route('dashboard.renew_subscribtion_request.update', $rejected_item->id) }}')">
                                                    <i class="icofont-close-circled font-medium-3"
                                                        title="{!! trans('dashboard.update_request.refuse_update') !!}"></i></a> --}}
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="d-flex justify-content-center">
                            {!! $renew_subscribtion_requests->links() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Tabs with Icon ends -->

    @include('dashboard.renew_subscribtion_request.refuse_modal')
@endsection

@section('vendor_styles')
    <link rel="stylesheet" type="text/css"
        href="{{ asset('dashboardAssets') }}/vendors/css/tables/datatable/datatables.min.css">
@endsection

@section('page_styles')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
@endsection
@include('dashboard.renew_subscribtion_request.scripts')