@extends('admin.layouts.app')

@push('stylesheets')
    <style>
        .approval0,
        .approval0:hover,
        .approval0:focus {
            background-color: #ff9510;
            border-color: #ff9510;
        }

        .approval1,
        .approval1:hover,
        .approval1:focus {
            background-color: #78b414;
            border-color: #78b414;
        }

        .approval2,
        .approval2:hover,
        .approval2:focus {
            background-color: #FB404B;
            border-color: #FB404B;
        }
    </style>
@endpush

@section('content')
    <section class="section">
        <div class="section-header">
            <h1>View Requests</h1>
        </div>

        <div class="section-body ">

            <div class="row m-0">
                <div class="col-12 col-md-12">
                    <div class="card">

                        {{-- <div class="card-header">
                            <div class="text-right">
                            </div>
                        </div> --}}
                        <div class="card-body">

                            @if ($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            @if (session('success'))
                                <div class="alert alert-success">
                                    {{ session('success') }}
                                </div>
                            @endif

                            <div class="table-responsive">
                                <table class="table table-striped font-14">
                                    <tr>
                                        <th>Message</th>
                                        <th>Action</th>
                                    </tr>
                                    @if (count($viewRequest) > 0)
                                        @foreach ($viewRequest as $v)
                                            <tr>
                                                <td>
                                                    <span class="text-primary">{{ $v->user['name'] ?? '' }}</span> sent view
                                                    request for file <span
                                                        class="text-primary">{{ $v->file['file_name'] ?? '' }}</span> on
                                                    {{ \Carbon\Carbon::parse($v->created_at)->format('d/M/Y') }}
                                                </td>
                                                <td>
                                                    @if ($v->status == 0)
                                                        <a href="javascript:;" class="btn btn-primary" data-toggle="modal"
                                                            data-target="#approveModal{{ $v->id }}">
                                                            Approve
                                                        </a>
                                                        <a href="javascript:;" class="btn btn-danger" data-toggle="modal"
                                                            data-target="#rejectModal{{ $v->id }}">
                                                            Reject
                                                        </a>

                                                        <!-- Approve Modal -->
                                                        <div class="modal fade" id="approveModal{{ $v->id }}"
                                                            tabindex="-1" role="dialog"
                                                            aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                            <div class="modal-dialog" role="document">
                                                                <div class="modal-content">
                                                                    <div class="modal-body">
                                                                        <h2 class="m-0 text-success text-center">Are you
                                                                            sure
                                                                            want to approve?</h2>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <div class="m-auto">
                                                                            <button type="button" class="btn btn-secondary"
                                                                                data-dismiss="modal">No</button>
                                                                            <a href="{{ URL('admin/request/approval/' . $v->id . '/approve') }}"
                                                                                class="btn btn-success">
                                                                                Yes
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <!-- Reject Modal -->
                                                        <div class="modal fade" id="rejectModal{{ $v->id }}"
                                                            tabindex="-1" role="dialog"
                                                            aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                            <div class="modal-dialog" role="document">
                                                                <div class="modal-content">
                                                                    <div class="modal-body">
                                                                        <h2 class="m-0 text-center text-danger">Are you sure
                                                                            want to reject?</h2>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <div class="m-auto">
                                                                            <button type="button" class="btn btn-secondary"
                                                                                data-dismiss="modal">No</button>
                                                                            <a href="{{ URL('admin/request/approval/' . $v->id . '/reject') }}"
                                                                                class="btn btn-success">
                                                                                Yes
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @else
                                                        <a href="javascript:;"
                                                            class="btn btn-primary approval{{ $v->status }}">
                                                            {{ config('status.' . $v->status) }}
                                                        </a>
                                                    @endif


                                                </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <p>No records available.</p>
                                    @endif
                                </table>
                            </div>
                        </div>

                        <div class="card-footer text-center">
                            {{ $viewRequest->appends(request()->input())->links('pagination.admin') }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@push('scripts_bottom')
@endpush