@extends('staff.layouts.app')
@push('style')
@endpush
@section('content')
    <section class="section dashboard">
        <div class="inner-sec-dashboard">
            <div class="row ">
                <div class="line-hdr">
                    <h4>Request</h4>
                </div>
            </div>
            <div class="pagetitle-row">
                <div class="row">
                    <div class="col-lg-10 ">
                        <form form action="" method="GET">
                        <div class="row">
                            <div class="col-lg-3 col-sm-4 col-12">
                                <input type="date" class="form-control" id="startDate" name="startDate" value="{{ !empty($_REQUEST['startDate']) ? $_REQUEST['startDate'] : '' }}">
                            </div>

                            <div class="col-lg-3 col-sm-4 col-12">
                                <input type="date" class="form-control" id="endDate" name="endDate" value="{{ !empty($_REQUEST['endDate']) ? $_REQUEST['endDate'] : '' }}">
                            </div>

                            <div class="col-lg-3 col-sm-4 col-12">
                                <select class="form-select" aria-label="Default select example" id="status" name="status">
                                    <option selected="">Status</option>
                                    <option value="1">Approved</option>
                                    <option value="2">Rejected</option>
                                    <option value="3">Pending</option>
                                </select>
                            </div>
                            <div class="col-lg-3 col-sm-4 col-12">
                                <button type="submit"><i class="fa-solid fa-magnifying-glass"></i> Search</button>
                            </div>
                        </div>
                        </form>
                    </div>
                    <div class="col-lg-2"></div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12 col-sm-12 col-12">
                    <div class="performance-statistics row">

                        <table class="table table-borderless">
                            <thead>
                                <tr>
                                    <th scope="col">Request ID</th>
                                    <th scope="col">Seminer Name</th>
                                    <th scope="col">Conference Date</th>
                                    <th scope="col">Total Cost</th>
                                    <th scope="col">Status</th>
                                    <th scope="col">View Details</th>
                                </tr>
                            </thead>
                            <tbody>

                                @forelse ($conferenceLists as $conferenceList)
                                    <tr>
                                        <td>{{'REQ'.'_'.$conferenceList->uuid }}</td>
                                        <td>{{ $conferenceList->conference_title }}</td>
                                         <td>{{ date('d-m-Y', strtotime($conferenceList->created_at)) }}</td>
                                         <td><i class="fa-solid fa-dollar-sign"></i>&nbsp; {{number_format($conferenceList->registratiion_no + $conferenceList->lodging?->sum('lodging') + $conferenceList->meals?->sum('meal') + $conferenceList->milages?->sum('milage') + $conferenceList->miscellaneous?->sum('miscellaneous') + $conferenceList->parking?->sum('parking') + $conferenceList->toll?->sum('tolls'), 2) }}
                                         </td>
                                        <td>@if($conferenceList->is_approved==1){{ "Approved" }}
                                        @elseif($conferenceList->is_approved==2){{ "rejected" }}
                                        @else {{ "Pending" }}
                                        @endif

                                    </td>

                                        <td><a class="icon show" href="{{ route('staff.conference.detail', ['id' => $conferenceList->id]) }}" data-bs-toggle="dropdown"
                                                aria-expanded="true"><i class="fa-solid fa-eye"></i></a></td>

                                    @empty
                                    <tr>
                                        <td colspan="6">No conferences found.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="col-lg-12 ">
                    <nav aria-label="Page navigation example">
                        <ul class="pagination">
                            <li class="page-item">
                                <a class="page-link" href="#" aria-label="Previous">
                                    <span aria-hidden="true">&lsaquo;</span>
                                </a>
                            </li>
                            <li class="page-item"><a class="page-link" href="#">1</a></li>
                            <li class="page-item"><a class="page-link" href="#">2</a></li>
                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                            <li class="page-item">
                                <a class="page-link" href="#" aria-label="Next">
                                    <span aria-hidden="true">&rsaquo;</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </section>
@endsection
@push('scripts')
    <script src="{{ asset('assets/admin/tinymce/tinymce.min.js') }}"></script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
    <script src="{{ asset('assets/plugins/bootstrap-tagsinput.js') }}"></script>
    <script></script>
@endpush