@extends('layouts.web')

@section('css')
<link href="{{ asset('css/bootstrap-select.min.css') }}" rel="stylesheet" />
<link href="{{ asset('css/bootstrap-datepicker.min.css') }}" rel="stylesheet" />
<link href="{{ asset('css/bootstrap-timepicker.min.css') }}" rel="stylesheet" />
<link href="{{ asset('css/jquery.Thailand.min.css') }}" rel="stylesheet" />
{{-- <link rel="stylesheet" href="https://earthchie.github.io/jquery.Thailand.js/jquery.Thailand.js/dist/jquery.Thailand.min.css"> --}}
<link href="{{ asset('css/icheck-bootstrap.min.css') }}" rel="stylesheet" />
@endsection

@section('content')
<div class="container-fluid pt-3">
    <form action="{{ route('student.store') }}"
            novalidate class="{{ ($errors->any()) ? 'was-validated' : 'needs-validation' }}"
            method="post"
    >
    @csrf
        <div class="row">
            <div class="col-7">
                <div class="card card-outline card-success">
                    <div class="card-header">
                        <h3 class="card-title">ข้อมูลนักเรียน</h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-sm-12 col-md-4">
                                <div class="form-group">
                                    <label for="registerDate">วันที่สมัคร <span class="text-red">*</span></label>
                                    <div class="input-group mb-3">
                                        <input type="text" class="form-control" id="registerDate" name="registerDate" placeholder="วันที่สมัคร" autocomplete="off"  required>
                                        <div class="input-group-append">
                                            <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
                                        </div>
                                    </div>
                                    @error('registerDate')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-4">
                                <div class="form-group">
                                    <label for="branch">สาขาที่สมัคร <span class="text-red">*</span></label>
                                    <select id="branch" name="branch" class="selectpicker show-menu-arrow form-control" title="--เลือก--" required>
                                        @foreach ($branchs as $indexKey => $branch)
                                        <option value="{{ $branch->code }}">{{ $branch->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('branch')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-4">
                                <div class="form-group">
                                    <label for="idCard">เลขที่บัตรประชาชน/พาสปอต <span class="text-red">*</span></label>
                                    <input type="text" class="form-control" id="idCard" name="idCard" placeholder="เลขที่บัตรประชาชน 13 หลัก หรือ พาสปอต" required>
                                    @error('idCard')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-2">
                                <div class="form-group">
                                    <label for="title">คำนำหน้า <span class="text-red">*</span></label>
                                    <input type="text" class="form-control" id="title" name="title" placeholder="คำนำหน้า" required>
                                    @error('title')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-group">
                                    <label for="firstname">ชื่อ <span class="text-red">*</span></label>
                                    <input type="text" class="form-control" id="firstname" name="firstname" placeholder="ชื่อ" required>
                                    @error('firstname')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-group">
                                    <label for="lastname">นามสกุล <span class="text-red">*</span></label>
                                    <input type="text" class="form-control" id="lastname" name="lastname" placeholder="นามสกุล" required>
                                    @error('lastname')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="form-group">
                                    <label for="nickname">ชื่อเล่น</label>
                                    <input type="text" class="form-control" id="nickname" name="nickname" placeholder="ชื่อเล่น">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-4">
                                <div class="form-group">
                                    <label for="birthdate">วันเกิด <span class="text-red">*</span></label>
                                    <div class="input-group mb-3">
                                        <input type="text" class="form-control datepiacker" id="birthdate" name="birthdate" placeholder="วันเกิด" autocomplete="off"  required>
                                        <div class="input-group-append">
                                            <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
                                        </div>
                                    </div>
                                    @error('birthdate')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="form-group">
                                    <label for="age">อายุ</label>
                                    <input type="text" class="form-control" id="age" name="age" disabled>
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="form-group">
                                    <label for="race">เชื้อชาติ</label>
                                    <input type="text" class="form-control" id="race" name="race" placeholder="เชื้อชาติ">
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="form-group">
                                    <label for="nationality">สัญชาติ</label>
                                    <input type="text" class="form-control" id="nationality" name="nationality" placeholder="สัญชาติ">
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="form-group">
                                    <label for="religion">ศาสนา</label>
                                    <input type="text" class="form-control" id="religion" name="religion" placeholder="ศาสนา">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="address">ที่อยู่ตามบัตรประชาชน <span class="text-red">*</span></label>
                                    <input type="text" class="form-control" id="address" name="address" placeholder="ที่อยู่" required>
                                    @error('address')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-4">
                                <div class="form-group">
                                    <label for="district">ตำบล / แขวง <span class="text-red">*</span></label>
                                    <input type="text" name="district" id="district" class="form-control" placeholder="ตำบล / แขวง" required>
                                    @error('district')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-group">
                                    <label for="amphoe">อำเภอ / เขต <span class="text-red">*</span></label>
                                    <input type="text" name="amphoe" id="amphoe" class="form-control" placeholder="อำเภอ / เขต" required>
                                    @error('amphoe')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-group">
                                    <label for="province">จังหวัด <span class="text-red">*</span></label>
                                    <input type="text" name="province" id="province" class="form-control" placeholder="จังหวัด" required>
                                    @error('province')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="phone1">หมายเลขโทรศัพท์ 1 <span class="text-red">*</span></label>
                                    <input type="number"
                                            class="form-control"
                                            id="phone1"
                                            name="phone1"
                                            placeholder="หมายเลขโทรศัพท์"
                                            oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
                                            maxlength="10"
                                            required>
                                    @error('phone1')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="phone2">หมายเลขโทรศัพท์ 2</label>
                                    <input type="number"
                                            class="form-control"
                                            id="phone2"
                                            name="phone2"
                                            placeholder="หมายเลขโทรศัพท์"
                                            oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
                                            maxlength="10">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-5">
                <div class="card card-outline card-success">
                    <div class="card-header">
                        <h3 class="card-title">ข้อมูลทั่วไป</h3>
                    </div>
                    <div class="card-body">

                        <div class="row">
                            <div class="col-sm-12 col-md-6">
                                <div class="form-group">
                                    <label for="refName">บุคคลที่ติดต่อได้ในกรณีฉุกเฉิน</label>
                                    <input type="text" class="form-control" id="refName" name="refName" placeholder="ชื่อ - นามสกุล">
                                    @error('refName')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-6">
                                <div class="form-group">
                                    <label for="phone1">หมายเลขโทรศัพท์</label>
                                    <input type="number"
                                            class="form-control"
                                            id="refPhone"
                                            name="refPhone"
                                            placeholder="หมายเลขโทรศัพท์"
                                            oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
                                            maxlength="10">
                                    @error('refPhone')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <hr />
                        <div class="row">
                            <div class="col-sm-12 col-md-12">
                                <div class="form-group">
                                    <label>มีใบอนุญาตขับขี่หรือไม่ <span class="text-red">*</span></label>
                                    <div>
                                        <div class="icheck-nephritis icheck-inline">
                                            <input type="radio" id="noLicense" name="license" value="ไม่มี" checked>
                                            <label for="noLicense">ไม่มีใบอนุญาต</label>
                                        </div>
                                        <div class="icheck-nephritis icheck-inline">
                                            <input type="radio" id="noTest" name="license" value="มี">
                                            <label for="noTest">มีใบอนุญาต</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr />
                        <div class="row">
                            <div class="col-sm-12 col-md-12">
                                <div class="form-group">
                                    <label for="knowSchool">รู้จักโรงเรียนได้อย่างไร</label>
                                    <input type="text" class="form-control" id="knowSchool" name="knowSchool" placeholder="รู้จักโรงเรียนได้อย่างไร จากไหน">
                                </div>
                            </div>
                        </div>
                        <hr />
                        <div class="row">
                            <div class="col-sm-12 col-md-12">
                                <div class="form-group">
                                    <label for="knowSchool">หมายเหตุ</label>
                                    <input type="text" class="form-control" id="note" name="note" placeholder="หมายเหตุ">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- div row -->
        <!-- Course section -->
        <div class="row">
            <!-- Course section -->
            <div class="col-7">
                <div class="card card-outline card-success">
                    <div class="card-header">
                        <h3 class="card-title">หลักสูตรที่เรียน</h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-sm-12 col-md-12">
                                <div class="form-group">
                                    <label>รูปแบบการเรียน <span class="text-red">*</span></label>
                                    <div>
                                        <div class="icheck-nephritis icheck-inline">
                                            <input class="purpose" type="radio" id="driveOnly" name="purpose" value="เพิ่มประสบการณ์" required>
                                            <label for="driveOnly">เพิ่มประสบการณ์</label>
                                        </div>
                                        <div class="icheck-nephritis icheck-inline">
                                            <input class="purpose" type="radio" id="driveTest" name="purpose" value="เรียนและสอบ">
                                            <label for="driveTest">เรียนและสอบ</label>
                                        </div>
                                        <div class="icheck-nephritis icheck-inline">
                                            <input class="purpose" type="radio" id="testOnly" name="purpose" value="เก็บชั่วโมงเพื่อสอบ">
                                            <label for="testOnly">เก็บชั่วโมงเพื่อสอบ</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="course">หลักสูตร <span class="text-red">*</span></label>
                                    <select id="course" name="course" class="selectpicker show-menu-arrow form-control" title="--เลือก--" required>
                                        @foreach ($courses as $indexKey => $course)
                                        <option value="{{ $course->id."-".($course->price + $course->optional_price)."-".$course->hour."-".$course->type }}">{{ "[". $course->type ."] ". $course->name ." (".$course->gear.") , ราคา : ". number_format(($course->price + $course->optional_price), 0 , '.'    , ','   )." บาท" }}</option>
                                        @endforeach
                                    </select>
                                    @error('course')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="examDate">วันที่อบรมกฎจราจรและสอบใบขับขี่ <span class="text-red">*</span></label>
                                    <div class="input-group mb-3">
                                        <input disabled type="text" class="form-control datepiacker" id="examDate" name="examDate" placeholder="วันที่สอบ" autocomplete="off">
                                        <div class="input-group-append">
                                            <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="examTime">เวลา <span class="text-red">*</span></label>
                                    <div class="input-group mb-3">
                                        <input disabled type="text" class="form-control datepiacker" id="examTime" name="examTime" placeholder="เวลาที่สอบ" autocomplete="off">
                                        <div class="input-group-append">
                                            <span class="input-group-text"><i class="far fa-clock"></i></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Billing section -->
            <div class="col-5">
                <div class="card card-outline card-success">
                    <div class="card-header">
                        <h3 class="card-title">การชำระเงิน</h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-sm-12 col-md-8">
                                <div class="form-group">
                                    <label for="discount">ส่วนลด (ถ้ามี)</label>
                                    <input type="text" class="form-control" id="discount" name="discount" placeholder="ข้อมูลส่วนลด">
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-4">
                                <div class="form-group">
                                    <label for="discountAmount">จำนวนเงิน</label>
                                    <input type="text" class="form-control" id="discountAmount" name="discountAmount" placeholder="ข้อมูลส่วนลด">
                                </div>
                            </div>
                        </div>
                        <hr />
                        <div class="row">
                            <div class="col-4">
                                <div class="form-group">
                                    <label for="totalCost">ยอดชำระ</label>
                                    <input type="text" class="form-control" id="totalCost" name="totalCost" disabled>
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-group">
                                    <label for="pay">จำนวนที่ชำระ <span class="text-red">*</span></label>
                                    <input type="number" class="form-control" id="pay" name="pay" required>
                                    @error('pay')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-group">
                                    <label for="remain">คงเหลือต้องชำระ</label>
                                    <input type="text" class="form-control" id="remain" name="remain" disabled>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="method">รูปแบบการชำระ <span class="text-red">*</span></label>
                                    <select id="method" name="method" class="selectpicker show-menu-arrow form-control" title="--เลือก--" required>
                                        <option value="เงินสด">เงินสด</option>
                                        <option value="โอน">โอนผ่านบัญชี</option>
                                        <option value="บัตรเครดิต">บัตรเครดิต</option>
                                    </select>
                                    @error('method')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="payTime" class="modal-label-card float-left mb-2">เวลาที่ชำระ <span class="text-red">*</span></label>
                                    <div class="input-group mb-3">
                                        <input type="text" class="form-control" id="payTime" name="payTime" placeholder="เวลาที่เบิก" autocomplete="off" required>
                                        <div class="input-group-append">
                                            <span class="input-group-text"><i class="far fa-clock"></i></span>
                                        </div>
                                    </div>
                                    @error('payTime')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Booking section -->
        <div class="row">
            <div class="col-12">
                <div class="card card-outline card-success">
                    <div class="card-header">
                        <h3 class="card-title">ตารางเรียน</h3>
                    </div>
                    <div class="card-body">
                        @for ($x = 1; $x <= 5; $x++)
                        <!-- 1 -->
                        <div class="row" id="bookingRow{{$x}}">
                            <div class="col-1">
                                <div class="form-group text-center">
                                    <label for="drive{{$x}}">ครั้งที่ {{$x}}</label>
                                    <div class="icheck-nephritis">
                                        <input type="checkbox" id="drive{{$x}}" name="drive{{$x}}" value="1">
                                        <label for="drive{{$x}}"></label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-1">
                                <div class="form-group">
                                    <label for="gear{{$x}}">เกียร์ <span class="text-red">*</span></label>
                                    <select id="gear{{$x}}" name="gear{{$x}}" class="selectpicker show-menu-arrow form-control" title="--เลือก--" disabled required>
                                      <option value="ออโต้">ออโต้</option>
                                      <option value="ธรรมดา" >ธรรมดา</option>
                                    </select>
                                    @error('gear{{$x}}')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="form-group">
                                    <label for="date{{$x}}">วันที่ <span class="text-red">*</span></label>
                                    <div class="input-group mb-3">
                                        <input type="text" class="form-control" id="date{{$x}}" name="date{{$x}}" placeholder="ครั้งที่ {{$x}}" autocomplete="off" disabled required>
                                        <div class="input-group-append">
                                            <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
                                        </div>
                                    </div>
                                    @error('date{{$x}}')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-1">
                                <div class="form-group">
                                    <label for="starttime{{$x}}">เวลาเริ่ม <span class="text-red">*</span></label>
                                    <select id="starttime{{$x}}" name="starttime{{$x}}" class="selectpicker show-menu-arrow form-control" title="--เลือก--" disabled required>
                                        @for ($i = 7; $i < 21; $i++)
                                        <option value="{{$i}}">{{ $i.":00"}}</option>
                                        @endfor
                                    </select>
                                    @error('starttime{{$x}}')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="hour{{$x}}">รายวิชา<span class="text-red">*</span></label>
                                    <select id="hour{{$x}}" name="hour{{$x}}" class="selectpicker show-menu-arrow form-control" title="--เลือก--" disabled required>
                                    </select>
                                    @error('hour{{$x}}')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-1">
                                <div class="form-group">
                                    <label for="endtime{{$x}}">เวลาสิ้นสุด</label>
                                    <input type="text" class="form-control" id="endtime{{$x}}" name="endtime{{$x}}" placeholder="เวลาสิ้นสุด" readonly>
                                    @error('endtime{{$x}}')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-3">
                                <div class="form-group">
                                    <label for="vehicle{{$x}}">รถ <span class="text-red">*</span></label>
                                    <select id="vehicle{{$x}}" name="vehicle{{$x}}" class="selectpicker show-menu-arrow form-control" title="--เลือก--" disabled required>
                                    </select>
                                    @error('vehicle{{$x}}')
                                    <div class="text-danger">{{  $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        @endfor
                    </div>
                </div>
            </div>
        </div>

        {{-- <!-- For 2nd register course -->
        <div id="register2Course" style="display:none;">
            <hr />
            <div class="row">
                <!-- Course section -->
                <div class="col-7">
                    <div class="card card-outline card-success">
                        <div class="card-header">
                            <h3 class="card-title">หลักสูตรที่ 2 ที่เรียน</h3>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-group">
                                        <label for="course2">หลักสูตร <span class="text-red">*</span></label>
                                        <select id="course2" name="course2" class="selectpicker show-menu-arrow form-control" title="--เลือก--" required>
                                            @foreach ($courses as $indexKey => $course)
                                            <option value="{{ $course->id."-".($course->price + $course->optional_price)."-".$course->hour."-".$course->type }}">{{ "[". $course->type ."] ". $course->name ." (".$course->gear.") , ราคา : ". number_format(($course->price + $course->optional_price), 0 , '.'    , ','   )." บาท" }}</option>
                                            @endforeach
                                        </select>
                                        @error('course2')
                                        <div class="text-danger">{{  $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12 col-md-12">
                                    <div class="form-group">
                                        <label>รูปแบบการเรียน <span class="text-red">*</span></label>
                                        <div>
                                            <div class="icheck-nephritis icheck-inline">
                                                <input type="radio" id="driveOnly2" name="purpose2" value="เพิ่มประสบการณ์" required>
                                                <label for="driveOnly2">เพิ่มประสบการณ์</label>
                                            </div>
                                            <div class="icheck-nephritis icheck-inline">
                                                <input type="radio" id="driveTest2" name="purpose2" value="เรียนและสอบ">
                                                <label for="driveTest2">เรียนและสอบ</label>
                                            </div>
                                            <div class="icheck-nephritis icheck-inline">
                                                <input type="radio" id="testOnly2" name="purpose2" value="เก็บชั่วโมงเพื่อสอบ">
                                                <label for="testOnly2">เก็บชั่วโมงเพื่อสอบ</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label for="testDate2">วันที่อบรมกฎจราจรและสอบใบขับขี่ <span class="text-red">*</span></label>
                                        <div class="input-group mb-3">
                                            <input type="text" class="form-control datepiacker" id="testDate2" name="testDate2" placeholder="วันที่สอบ" autocomplete="off">
                                            <div class="input-group-append">
                                                <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Billing section -->
                <div class="col-5">
                    <div class="card card-outline card-success">
                        <div class="card-header">
                            <h3 class="card-title">การชำระเงิน หลักสูตรที่ 2</h3>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-sm-12 col-md-8">
                                    <div class="form-group">
                                        <label for="discount2">ส่วนลด (ถ้ามี)</label>
                                        <input type="text" class="form-control" id="discount2" name="discount2" placeholder="ข้อมูลส่วนลด">
                                    </div>
                                </div>
                                <div class="col-sm-12 col-md-4">
                                    <div class="form-group">
                                        <label for="discountAmount2">จำนวนเงิน</label>
                                        <input type="text" class="form-control" id="discountAmount2" name="discountAmount2" placeholder="ข้อมูลส่วนลด">
                                    </div>
                                </div>
                            </div>
                            <hr />
                            <div class="row">
                                <div class="col-4">
                                    <div class="form-group">
                                            <label for="totalCost2">ยอดชำระ</label>
                                        <input type="text" class="form-control" id="totalCost2" name="totalCost2" readonly>
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="form-group">
                                        <label for="pay2">จำนวนที่ชำระ <span class="text-red">*</span></label>
                                        <input type="number" class="form-control" id="pay2" name="pay2" required>
                                        @error('pay2')
                                        <div class="text-danger">{{  $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="form-group">
                                        <label for="remain2">คงเหลือต้องชำระ</label>
                                        <input type="text" class="form-control" id="remain2" name="remain2" readonly>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Booking section -->
            <div class="row">
                <div class="col-12">
                    <div class="card card-outline card-success">
                        <div class="card-header">
                            <h3 class="card-title">ตารางเรียนหลักสูตรที่ 2</h3>
                        </div>
                        <div class="card-body">
                            @for ($x = 1; $x < 5; $x++)
                            <div class="row" id="bookingRow2{{$x}}">
                                <div class="col-1">
                                    <div class="form-group text-center">
                                        <label for="drive2{{$x}}">ครั้งที่ {{$x}}</label>
                                        <div class="icheck-nephritis">
                                            <input type="checkbox" id="drive2{{$x}}" class="check2" name="drive2{{$x}}" value="1">
                                            <label for="drive2{{$x}}"></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-2">
                                    <div class="form-group">
                                        <label for="gear2{{$x}}">เกียร์ <span class="text-red">*</span></label>
                                        <select id="gear2{{$x}}" name="gear2{{$x}}" class="selectpicker show-menu-arrow form-control" title="--เลือก--" disabled required>
                                          <option value="ออโต้">ออโต้</option>
                                          <option value="ธรรมดา" >ธรรมดา</option>
                                        </select>
                                        @error('gear2{{$x}}')
                                        <div class="text-danger">{{  $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-2">
                                    <div class="form-group">
                                        <label for="date2{{$x}}">วันที่ <span class="text-red">*</span></label>
                                        <div class="input-group mb-3">
                                            <input type="text" class="form-control" id="date2{{$x}}" name="date2{{$x}}" placeholder="ครั้งที่ {{$x}}" autocomplete="off" disabled required>
                                            <div class="input-group-append">
                                                <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
                                            </div>
                                        </div>
                                        @error('date2{{$x}}')
                                        <div class="text-danger">{{  $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-1">
                                    <div class="form-group">
                                        <label for="starttime2{{$x}}">เวลาเริ่ม <span class="text-red">*</span></label>
                                        <select id="starttime2{{$x}}" name="starttime2{{$x}}" class="selectpicker show-menu-arrow form-control" title="--เลือก--" disabled required>
                                                @for ($i = 7; $i < 21; $i++)
                                            <option value="{{$i}}">{{ $i.":00"}}</option>
                                            @endfor
                                        </select>
                                        @error('starttime2{{$x}}')
                                        <div class="text-danger">{{  $message }}</div>
                                        @enderror
                                        </div>
                                </div>
                                <div class="col-1">
                                    <div class="form-group">
                                        <label for="hour2{{$x}}">จำนวน ชม. <span class="text-red">*</span></label>
                                        <select id="hour2{{$x}}" name="hour2{{$x}}" class="selectpicker show-menu-arrow form-control" title="--เลือก--" disabled required>
                                                @for ($i = 1; $i < 6; $i++)
                                            <option value="{{$i}}">{{ $i }}</option>
                                            @endfor
                                            </select>
                                        @error('hour2{{$x}}')
                                        <div class="text-danger">{{  $message }}</div>
                                        @enderror
                                    </div>
                                    </div>
                                <div class="col-1">
                                    <div class="form-group">
                                        <label for="endtime2{{$x}}">เวลาสิ้นสุด</label>
                                        <input type="text" class="form-control" id="endtime2{{$x}}" name="endtime2{{$x}}" placeholder="เวลาสิ้นสุด" readonly>
                                        @error('endtime2{{$x}}')
                                        <div class="text-danger">{{  $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="form-group">
                                        <label for="vehicle2{{$x}}">รถ <span class="text-red">*</span></label>
                                        <select id="vehicle2{{$x}}" name="vehicle2{{$x}}" class="selectpicker show-menu-arrow form-control" title="--เลือก--" disabled required>
                                            </select>
                                        @error('vehicle2{{$x}}')
                                        <div class="text-danger">{{  $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            @endfor
                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- end 2course --> --}}

        <!-- button -->
        <div class="row">
            <div class="col-12">
                    <div class="row mt-1 mb-3">
                        <div class="col-12">
                            <div style="float:left">
                                <a href="{{ route('student.index') }}" class="btn btn-outline-secondary"><i class="fas fa-chevron-left"></i> ย้อนกลับ</a>
                            </div>
                            <div style="float: right">
                                <button type="reset" class="btn btn-outline-secondary" value="reset">ล้างข้อความ</button>
                                {{-- <button type="button" class="btn btn-outline-success ml-2" id="addRegister2" name="addRegister2">เพิ่มคอร์สที่ 2</button> --}}
                                {{-- <button type="button" class="btn btn-outline-danger ml-2" id="delRegister2" name="delRegister2" style="display:none">ลบคอร์สที่ 2</button> --}}
                                <button type="submit" class="btn btn-success ml-2" value="add-student">เพิ่มนักเรียน</button>
                            </div>
                        </div>
                    </div>
            </div>
        </div>

    </form>
</div>
@endsection

@section('footerscript')
<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/JQL.min.js') }}"></script>
<script src="{{ asset('js/typeahead.bundle.js') }}"></script>
<script src="{{ asset('js/jquery.Thailand.min.js') }}"></script>
<script src="{{ asset('js/student.js') }}"></script>
<script src="{{ asset('js/custom.js') }}"></script>
@endsection
