@extends('layouts.web')

@section('css')
<link href="{{ asset('css/bootstrap-select.min.css') }}" rel="stylesheet" />
<link href="{{ asset('css/sweetalert2.min.css') }}" rel="stylesheet" />
<link href="{{ asset('css/bootstrap-datepicker.min.css') }}" rel="stylesheet" />
<link href="{{ asset('css/icheck-bootstrap.min.css') }}" rel="stylesheet" />
<link href="{{ asset('css/tempusdominus-bootstrap-4.min.css') }}" rel="stylesheet" />
<link href="{{ asset('css/bootstrap-timepicker.min.css') }}" rel="stylesheet" />
@endsection

@section('content')
    <div class="container-fluid pt-3">
        <div class="row mb-3">
            <div class="col-12">
                <a href="{{ route('pdf.registration', $student->sid) }}" target="_blank" class="btn btn-sm btn-outline-secondary"><i class="fas fa-file-alt"></i> พิมพ์ใบสมัคร</a>
                <a href="{{ route('pdf.receipt', $student->sid) }}" target="_blank" class="btn btn-sm btn-outline-secondary ml-2"><i class="fas fa-print"></i> พิมพ์ใบเสร็จ</a>
                <a href="{{ route('pdf.schedule', $student->sid) }}" target="_blank" class="btn btn-sm btn-outline-secondary ml-2"><i class="fas fa-calendar-alt"></i> พิมพ์ใบนัดหมาย</a>
                <a href="{{ route('pdf.student', $student->sid) }}" target="_blank" class="btn btn-sm btn-outline-secondary ml-2"><i class="fas fa-id-card"></i> พิมพ์บัตรประจำตัว</a>
                <a href="{{ route('pdf.evaluation', $student->sid) }}" target="_blank" class="btn btn-sm btn-outline-secondary ml-2"><i class="fas fa-file-alt"></i> แบบประเมินผู้สอน</a>
            </div>
        </div>
        <div class="row">
            <div class="col-6">
                <div class="card card-outline card-success">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12">
                                <div class="row">
                                    <div class="col-3">
                                        <p class="showTitle">เลขที่สมัคร</p>
                                    </div>
                                    <div class="col-9">
                                        <p><i class="fas fa-angle-right mr-3"></i> {{ $student->code_no."/".$student->code_month."/".$student->code_branch }}</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-3">
                                        <p class="showTitle">วันที่สมัคร</p>
                                    </div>
                                    <div class="col-9">
                                        <p><i class="fas fa-angle-right mr-3"></i> {{ formatDateFromDB($student->register_date) }}</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-3">
                                        <p class="showTitle">สาขาที่สมัคร</p>
                                    </div>
                                    <div class="col-9">
                                        <p><i class="fas fa-angle-right mr-3"></i> {{ $student->branchName }}</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-3">
                                        <p class="showTitle">เพศ</p>
                                    </div>
                                    <div class="col-9">
                                        <p><i class="fas fa-angle-right mr-3"></i> {{ $student->gender }}</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-3">
                                        <p class="showTitle">ชื่อ - นามสกุล</p>
                                    </div>
                                    <div class="col-9">
                                        <p><i class="fas fa-angle-right mr-3"></i> {{ $student->title.$student->firstname ." ". $student->lastname }}</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-3">
                                        <p class="showTitle">ชื่อเล่น</p>
                                    </div>
                                    <div class="col-9">
                                        <p><i class="fas fa-angle-right mr-3"></i> {{ $student->nickname }}</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-3">
                                        <p class="showTitle">บัตรประชาชน</p>
                                    </div>
                                    <div class="col-9">
                                        <p><i class="fas fa-angle-right mr-3"></i> {{ $student->idcard }}</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-3">
                                        <p class="showTitle">วันเกิด</p>
                                    </div>
                                    <div class="col-9">
                                        <p><i class="fas fa-angle-right mr-3"></i> {{ formatDateFromDB($student->birthdate) }}</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-3">
                                        <p class="showTitle">เชื้อชาติ / สัญชาติ</p>
                                    </div>
                                    <div class="col-9">
                                        <p><i class="fas fa-angle-right mr-3"></i> {{ $student->race ." / ". $student->nationality }}</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-3">
                                        <p class="showTitle">ศาสนา</p>
                                    </div>
                                    <div class="col-9">
                                        <p><i class="fas fa-angle-right mr-3"></i> {{ $student->religion }}</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-3">
                                        <p class="showTitle">ที่อยู่</p>
                                    </div>
                                    <div class="col-9">
                                        <p><i class="fas fa-angle-right mr-3"></i> {{ $student->address ." ". $student->district ." ". $student->amphoe ." ". $student->province }}</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-3">
                                        <p class="showTitle">หมายเลขโทรศัพท์</p>
                                    </div>
                                    <div class="col-9">
                                        <p><i class="fas fa-angle-right mr-3"></i> {{ $student->phone_1 }} @if($student->phone_2 != null) , {{ $student->phone_2 }} @endif</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>  <!-- div card body -->
                </div>
            </div>
            <div class="col-6">
                <div class="row">
                    <div class="col-12">
                        <div class="card card-outline card-success">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="row">
                                            <div class="col-3">
                                                <p class="showTitle">บุคคลที่ติดต่อกรณีฉุกเฉิน</p>
                                            </div>
                                            <div class="col-9">
                                                <p><i class="fas fa-angle-right mr-3"></i> {{ $student->emergency_name }}</p>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-3">
                                                <p class="showTitle">หมายเลขโทรศัพท์</p>
                                            </div>
                                            <div class="col-9">
                                                <p><i class="fas fa-angle-right mr-3"></i> {{ $student->emergency_phone }}</p>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-3">
                                                <p class="showTitle">ใบอนุญาตขับขี่</p>
                                            </div>
                                            <div class="col-9">
                                                <p><i class="fas fa-angle-right mr-3"></i> {{ $student->license_status }}</p>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-3">
                                                <p class="showTitle">รู้จักโรงเรียนจาก</p>
                                            </div>
                                            <div class="col-9">
                                                <p><i class="fas fa-angle-right mr-3"></i> {{ $student->know_school }}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>  <!-- div card body -->
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="card card-outline card-success">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12">
                                        <a href="#" data-toggle="modal" data-target="#courseModal">(เปลี่ยนคอร์ส)</a>
                                        @extends('student.modal_course')
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <div class="row">
                                            <div class="col-3">
                                                <p class="showTitle">หลักสูตรที่เรียน</p>
                                            </div>
                                            <div class="col-9">
                                                <p><i class="fas fa-angle-right mr-3"></i> {{ $student->courseType . " เกียร์: " . $student->gear ." , ". $student->name }}</p>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-3">
                                                <p class="showTitle">รูปแบบการเรียน</p>
                                            </div>
                                            <div class="col-9">
                                                <p><i class="fas fa-angle-right mr-3"></i> {{ $student->purpose }}</p>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-3">
                                                <p class="showTitle">ค่าเรียน</p>
                                            </div>
                                            <div class="col-9">
                                                <p><i class="fas fa-angle-right mr-3"></i> {{ number_format($student->course_cost) ." บาท"}}</p>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-3">
                                                <p class="showTitle">ส่วนลด</p>
                                            </div>
                                            <div class="col-9">
                                                <p><i class="fas fa-angle-right mr-3"></i> {{ number_format($student->discount) ." บาท"}}</p>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-3">
                                                <p class="showTitle">ชำระ / คงเหลือ</p>
                                            </div>
                                            <div class="col-9">
                                                <p>
                                                    <i class="fas fa-angle-right mr-3"></i> จ่ายแล้ว &nbsp;&nbsp;{{ number_format($student->paid). " บาท " }}&nbsp;&nbsp;&nbsp;คงเหลือ &nbsp;&nbsp;<span class="text-danger">{{ number_format( $student->course_cost - $student->discount - $student->paid) }}</span> บาท
                                                    @if(($student->course_cost - $student->discount - $student->paid) > '0')
                                                    <button type="button" class="btn btn-outline-danger btn-sm float-right" data-toggle="modal" data-target="#paymentModal">
                                                        <i class="fas fa-dollar-sign"></i> ชำระเงิน
                                                    </button>
                                                    @extends('student.modal_payment')
                                                    @endif
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>  <!-- div card body -->
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12">
                <div class="card card-outline card-success">
                    <div class="card-header">
                        <h3 class="card-title">ตารางเรียน</h3>
                        @if($student->exam_date!=null || $student->exam_date!="")
                            <button type="button" class="btn btn-outline-info btn-sm float-right ml-3" data-toggle="modal" data-target="#examDateModal">
                                <i class="fas fa-calendar-day"></i> เลื่อนวันสอบ
                            </button>
                            @extends('student.modal_exam')
                        @else
                            @if($student->purpose=="เรียนและสอบ" || $student->purpose=="เก็บชั่วโมงเพื่อสอบ")
                                <button type="button" class="btn btn-outline-info btn-sm float-right ml-3" data-toggle="modal" data-target="#addExamDateModal">
                                    <i class="fas fa-calendar-day"></i> เพิ่มวันสอบ
                                </button>
                                @extends('student.modal_add_exam')
                            @endif
                        @endif
                        @if($book_hour < $student->hour)
                            <button type="button" class="btn btn-outline-warning edit-outline-btn btn-sm float-right" data-toggle="modal" data-target="#addBookingModal">
                                <i class="fas fa-calendar-alt"></i> เพิ่มตารางเรียน
                            </button>
                            @extends('student.modal_add_booking')
                        @endif
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12">
                            <div class="row">
                                <div class="col-2">
                                    <p class="showTitle">อบรมและสอบใบขับขี่</p>
                                </div>
                                <div class="col-10">
                                    <p><i class="fas fa-angle-right mr-4"></i>@if(is_null($student->exam_date)) ไม่มีสอบ @else วันที่&nbsp;&nbsp;@if($student->exam_date != null) {{ formatDateFromDB($student->exam_date) }} @endif&nbsp;&nbsp;,&nbsp;&nbsp;เวลา @if($student->exam_time != null) {{ formatTimeFromDB($student->exam_time) }} @else 06.30 @endif น. @endif</p>
                                </div>
                            </div>
                            <input type="hidden" name="countBooking" id="countBooking" value="{{count($bookings)}}">
                            <table class="table student-table" id="schedule-table">
                                <thead>
                                    <tr>
                                        <th scope="col" width="5%">ครั้งที่</th>
                                        <th scope="col" width="10%">วันที่</th>
                                        <th scope="col" width="15%">เวลา</th>
                                        <th scope="col" width="35%">วิชา</th>
                                        <th scope="col" width="25%">รถ</th>
                                        <th scope="col" width="10%"></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($bookings as $indexKey => $booking)
                                    <tr>
                                        <td class="align-middle">{{ ($indexKey + 1) }}</td>
                                        <td class="align-middle">{{ formatDateFromDB($booking->date) }}</td>
                                        <td class="align-middle">{{ formatTimeFromDB($booking->starttime) ." - ". formatTimeFromDB($booking->endtime) }} น.</td>
                                        <td class="align-middle">{{$booking->module}} ( {{ $booking->module_hour }} ชั่วโมง )</td>
                                        <td class="align-middle">{{ "คันที่ : ". $booking->number ." , ". $booking->brand ." ". $booking->model . " (" . $booking->registration_class." ".$booking->registration_number.")" }} </td>
                                        <td class="align-middle text-center">
                                            @if( date('Y-m-d') < $booking->date)
                                                @include('student.booking_tool')
                                            @elseif( (date('Y-m-d') == $booking->date) && (strtotime(date('H:i:s')) < strtotime($booking->starttime)))
                                                @include('student.booking_tool')
                                            @endif
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-12 mb-3">
                <div style="float:left">
                    <a href="{{ route('student.index') }}" class="btn btn-outline-secondary"><i class="fas fa-chevron-left"></i> ย้อนกลับ</a>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('footerscript')
<script src="{{ asset('js/sweetalert2.min.js') }}"></script>
<script src="{{ asset('js/bootstrap-select.min.js') }}"></script>
<script src="{{ asset('js/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('js/bootstrap-datepicker.th.min.js') }}"></script>
<script src="{{ asset('js/bootstrap-timepicker.min.js') }}"></script>
<script src="{{ asset('js/booking.js') }}"></script>
<script src="{{ asset('js/custom.js') }}"></script>
@error('pay')
{{-- <script>
    $(document).ready(function() {
        $('#paymenyModal').modal({show: true});

        $('#paymenyModal').on('hidden.bs.modal', function() {
            //$('#payFrm')[0].reset();
            $('#payFrm').trigger("reset");
            $('#paymentMethod').selectpicker('refresh');
            console.log('done');
        });
    });
</script> --}}
@enderror
@if (session('feedback'))
<script>
    Swal.fire({
                text: '{{ session('feedback') }}',
                icon: 'success',
                confirmButtonText: 'ตกลง',
                confirmButtonColor: '#62966C'
    })
</script>
@endif
@endsection
