@extends('supertiendent.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">Start Date</th>
                                    <th scope="col">End Date</th>
                                    <th scope="col">Total Cost</th>
                                    <th scope="col">Status</th>
                                    <th scope="col">View Details</th>
                                    <th scope="col"></th>
                                </tr>
                            </thead>
                            <tbody>

                                @forelse ($conferenceLists as $conferenceList)
                                    <tr>
                                        <td>{{ $conferenceList->id }}</td>
                                        <td>{{ $conferenceList->conference_title }}</td>
                                        <td>{{ $conferenceList->conference_date }}</td>
                                        <td>{{ '2020-09-02' }}</td>
                                        <td>${{ ' 30.00' }}</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('principal.conference.detail', ['id' => $conferenceList->id]) }}"
                                                aria-expanded="true">
                                                <i class="fa-solid fa-eye"></i>
                                            </a>
                                            {{-- <a class="icon show editButton"    aria-expanded="true"  data-uuid="{{ $conferenceList->id }}" data-value='{{ json_encode($conferenceList) }}' data-bs-toggle="modal" data-bs-target="#conferenceDetailModal"  >
                                                <i class="fa-solid fa-eye"></i>
                                                </a> --}}
                                        </td>

                                        <div class="modal fade " id="conferenceDetailSupertiendentModal" data-bs-backdrop="static"
                                            data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel"
                                            aria-hidden="true">
                                            <div class="modal-dialog">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="staticBackdropLabel">Request Details of
                                                            #{{'REQ'.'_'.$employee_conferences->uuid }}</h5>
                                                        <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                            aria-label="Close"></button>
                                                    </div>
                                                    <div class="modal-body">
                                                        <div class="prsnl-prfl-updt">
                                                            <div class="log-in-right ">
                                                                <form action="" method="">
                                                                    <input type="hidden" name="conference_sup_id" id="conference_sup_id" value="{{ $employee_conferences->id }}">
                                                                    @csrf

                                                                    <div class="row">

                                                                        <div class="col-lg-3 col-md-3 col-12 mb-4">
                                                                            <label class="form-label mb-3">Conference Title</label>
                                                                            <input type="text" class="form-control" aria-label="Disabled input example"
                                                                                id="conferencetitle" name="conferencetitle" value="{{ $employee_conferences->conference_title ?? 'N/A' }}" disabled>
                                                                        </div>
                                                                        <div class="col-lg-3 col-md-3 col-12 mb-4">
                                                                            <label class="form-label mb-3">Conference URL</label>
                                                                            <input type="text" class="form-control" aria-label="Disabled input example"
                                                                                id="conferenceurl" name="conferenceurl"  value="{{ $employee_conferences->conference_url ?? 'N/A' }}" disabled>
                                                                        </div>

                                                                        <div class="col-lg-3 col-md-3 col-12 mb-4">
                                                                            <label class="form-label mb-3">Uploaded
                                                                                Brochure</label>