@extends('layouts.layout')

@section('title', 'Pre Allocation')
<!-- @section('content') -->
@section('content')

    <style>
        .trBgRed {
            background-color: red !important;
            color: white !important;
        }

        .trBgGreen {
            background-color: green !important;
        }

        .trBgGray {
            background-color: #D8D8D8 !important;
        }

        .trBgOrange {
            background-color: orange !important;
        }
        .badgeMain{
            display: flex;
            align-items: center;
            gap: 15px;
            flex-wrap: wrap;
        }
        .badgeMain > div{
            display: flex;
            align-items: center;
            gap: 10px;
        }
    </style>
    <!--maintainance code -->
    <section class="dashboard-inner mb-5">
        <div class="permission-block">
            <div class="dashboard-header">
                <h3>Pre Allocation Class Student List</h3>
            </div>

            <form action="{{ url('pre-allocation-class-student/'.$class_id) }}">
                <div class="select-box-group  filter-gap select-auto account-select-auto">
                    <select  class="form-select select-hidden" name="status">
                        <option value="">Select Status</option>
                        <option {{ (($status == "booked") ? "selected" : "") }} value="booked">Booked</option>
                        <option {{ (($status == "cancelled") ? "selected" : "") }} value="cancelled">Cancelled</option>
                        <option {{ (($status == "no_action_taken_yet") ? "selected" : "") }} value="no_action_taken_yet">No Action taken yet</option>
                        <option {{ (($status == "cancelled_by_system") ? "selected" : "") }} value="cancelled_by_system">Renewals Not Booked</option>
                    </select>

                    <button type="submit" class="btn mb-0">Filter</button>
                    @if(!empty($status))
                        <a href="{{ url('pre-allocation-class-student/'.$class_id) }}" class="btn mb-0">Clear</a>
                    @endif
                </div>
            </form>

            <div class="mb-5 badgeMain">
                <div><span class="badge trBgGreen" style="height: 35px;width: 35px;">&nbsp;</span> <span>Booked</span></div>
                <div><span class="badge trBgRed" style="height: 35px;width: 35px;">&nbsp;</span>  <span>Cancelled</span></div>
                <div><span class="badge trBgGray" style="height: 35px;width: 35px;">&nbsp;</span>  <span>No Action taken yet</span></div>
                <div><span class="badge trBgOrange" style="height: 35px;width: 35px;">&nbsp;</span>  <span>Renewals Not Booked</span></div>
            </div>
            <div class="table-custom-wrap accordion-table student-table last-th-none">
                <table class="table table-bordered text-center" id="sortable" style="border-radius: 22px;">
                    <thead>
                        <tr>
                            <th style="border-top-left-radius: 22px !important;">Order ID</th>
                            <th>Customer Name</th>
                            <th>Student</th>
                            <th width="250">Current Class</th>
                            <th style="border-top-right-radius: 22px !important;" width="250">New class</th>
                        </tr>
                    </thead>
                    <tbody class="main-attribute">
                        @foreach ($preAllocationData as $preAllocationItem)
                            <tr class="{{ (($preAllocationItem['is_customer_cancel'] == 1 || $preAllocationItem['is_customer_cancel'] == 2) ? (($preAllocationItem['is_customer_cancel'] == 1) ? 'ui-sortable-handle row1 trBgRed' : 'ui-sortable-handle row1 trBgOrange') : (($preAllocationItem['booked'] == 1) ? 'ui-sortable-handle row1 trBgGreen' : 'ui-sortable-handle row1')) }}" >
                                <td><a target="_blank" href="{{ url('class-booking/class-booking-details/' . $preAllocationItem['order_id'])  }}"> {{ $preAllocationItem['order']['order_number'] }} </a></td>
                                <td><a target="_blank" href="{{ url('customers/' . $preAllocationItem['user_id'] . '/customer-account')  }}"> {{ $preAllocationItem['order']['user']['firstname'] .' '. $preAllocationItem['order']['user']['lastname'] }} </a></td>
                                <td><a target="_blank" href="{{ url('customers/' . $preAllocationItem['user_id'] . '/student/' . $preAllocationItem['student_id'])  }}"> {{ $preAllocationItem['booking']['student']['firstname'] .' '. $preAllocationItem['booking']['student']['lastname'] }} </a></td>
                                <td width="250">
                                    <a target="_blank" href="{{ url('classes/' . $preAllocationItem['class_id'] . '/view-class') }}"> {{ ((!empty($preAllocationItem->old_classes->term->term_name)) ? $preAllocationItem->old_classes->term->term_name . ' | ' :  '') . ((!empty($preAllocationItem->old_classes->franchise->name)) ? $preAllocationItem->old_classes->franchise->name : '') . ' | ' . ((!empty($preAllocationItem->old_classes->classage)) ? $preAllocationItem->old_classes->classage->class_age_from . '-' . $preAllocationItem->old_classes->classage->class_age_to : '')  . ' | ' . $preAllocationItem->old_classes->venue->name . ' | ' . date('H:i', strtotime($preAllocationItem->old_classes->start_time)) . ' - ' . date('H:i', strtotime($preAllocationItem->old_classes->end_time)) }} </a>
                                </td>
                                <td width="250">
                                    <a target="_blank" href="{{ url('classes/' . $preAllocationItem['new_class_id'] . '/view-class') }}"> {{ ((!empty($preAllocationItem->classes->term->term_name)) ? $preAllocationItem->classes->term->term_name . ' | ' : '') . ((!empty($preAllocationItem->classes->franchise->name)) ? $preAllocationItem->classes->franchise->name : '') . ' | ' . ((!empty($preAllocationItem->classes->classage)) ? $preAllocationItem->classes->classage->class_age_from . '-' . $preAllocationItem->classes->classage->class_age_to : '')  . ' | ' . $preAllocationItem->classes->venue->name . ' | ' . date('H:i', strtotime($preAllocationItem->classes->start_time)) . ' - ' . date('H:i', strtotime($preAllocationItem->classes->end_time)) }} </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        </div>
    </section>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


    <script src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.js"></script>

    <script type="text/javascript">
        $(function() {

            $(".table-custom-wrap .table").DataTable({
                processing: true,
                serverSide: false,
                "order": [],
                dom: '<"custom-table-info"<"custom-table-left"><"custom-table-right"B>>',
                pageLength: 1000,
                ordering: false,
                buttons: [{
                        extend: "excelHtml5",
                        orientation: "landscape",
                        pageSize: "LEGAL",
                    },
                    {
                        extend: "pdfHtml5",
                        orientation: "landscape",
                        pageSize: "LEGAL",
                    },
                    {
                        extend: "print",
                        customize: function(win) {
                            $(win.document.body).css("font-size", "10pt");

                            $(win.document.body)
                                .find("table")
                                .addClass("compact")
                                .css("font-size", "inherit");
                        },
                    },
                ],
            });
        })
    </script>

@endsection