@extends('layouts.web')

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

@section('content')
<div class="container-fluid pt-3">
    <form action="{{ route('course.update', $course->id) }}"
            novalidate class="{{ ($errors->any()) ? 'was-validated' : 'needs-validation' }}"
            method="post"
    >
    @csrf
    @method('PUT')
    <input type="hidden" name="count" value="{{ count($modules) }}">
        <div class="row">
            <div class="col-12">
                <div class="card card-outline card-success">
                    <div class="card-header">
                        <h3 class="card-title">ข้อมูลคอร์ส</h3>
                        <a href="#" data-toggle="modal" data-target="#addModuleModal" class="btn btn-success rounded float-right"><i class="fas fa-plus-circle"></i> เพิ่มวิชา</a>
                        @extends('course.modal_add_module')
                    </div>

                    <div class="card-body">
                        <div class="row">
                            <div class="col-sm-12 col-md-3">
                                <div class="form-group">
                                    <label for="type">ประเภทหลักสูตร <span class="text-red">*</span></label>
                                    <select id="type" name="type" class="form-control selectpicker show-menu-arrow" disabled>
                                      <option value="รถยนต์"  @if($course->type == "รถยนต์") selected @endif>หลักสูตรรถยนต์</option>
                                      <option value="รถจักรยานยนต์" @if($course->type == "รถจักรยานยนต์") selected @endif>หลักสูตรรถจักรยานยนต์</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-2">
                                <div class="form-group">
                                    <label for="gear">เกียร์ <span class="text-red">*</span></label>
                                    <select id="gear" name="gear" class="form-control selectpicker show-menu-arrow" required>
                                      <option value="ธรรมดา" @if($course->gear == "ธรรมดา") selected @endif>ธรรมดา</option>
                                      <option value="ออโต้" @if($course->gear == "ออโต้") selected @endif>ออโต้</option>
                                      <option value="ธรรมดา-ออโต้" @if($course->gear == "ธรรมดา-ออโต้") selected @endif>ธรรม-ออโต้</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-7">
                                <div class="form-group">
                                    <label for="name">ชื่อหลักสูตร <span class="text-red">*</span></label>
                                <input type="text" class="form-control" id="name" name="name" value="{{ $course->name }}" placeholder="ชื่อหลักสูตร" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-2">
                                <div class="form-group">
                                    <label for="hour">ชั่วโมงเรียน <span class="text-red">*</span></label>
                                    <input type="number" class="form-control" id="hour" name="hour" value="{{ $course->hour }}" placeholder="ชั่วโมงเรียน" required>
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="form-group">
                                    <label for="hourTraning">จำนวนชั่วโมงที่อบรม <span class="text-red">*</span></label>
                                    <input type="number" class="form-control" id="hourTraning" name="hourTraning" value="{{ $course->hour_training }}" placeholder="ชั่วโมงอบรม" required>
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="form-group">
                                    <label for="price">อัตราค่าเรียน <span class="text-red">*</span></label>
                                    <input type="number" class="form-control" id="price" name="price" value="{{ $course->price }}" placeholder="อัตราค่าเรียน" required>
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-6">
                                <div class="form-group">
                                    <label>สอบใบขับขี่กับโรงเรียน <span class="text-red">*</span></label>
                                    <div>
                                        <div class="icheck-nephritis icheck-inline">
                                            <input type="radio" id="test" name="test" value="มี" @if($course->license_test == "มี") checked @endif required>
                                            <label for="test">มีสอบกับโรงเรียน</label>
                                        </div>
                                        <div class="icheck-nephritis icheck-inline">
                                            <input type="radio" id="noTest" name="test" value="ไม่มี" @if($course->license_test == "ไม่มี") checked @endif>
                                            <label for="noTest">ไม่มีสอบกับโรงเรียน</label>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <hr>
                        @if(count($modules)>0)
                            @foreach ($modules as $indexKey => $module)
                            <div class="row">
                                <div class="col-5 d-flexd-flex justify-content-center">
                                    <div class="form-group">
                                        <label for="module{{ $indexKey + 1 }}">วิชาที่ {{ $indexKey + 1 }} : <span class="text-red">*</span></label>
                                        <input type="hidden" name="module{{ $indexKey + 1 }}ID" value="{{ $modules[$indexKey]->id }}" >
                                        <input type="text" class="form-control" id="module{{ $indexKey + 1 }}" name="module{{ $indexKey + 1 }}" value="{{ $modules[$indexKey]->module }}" placeholder="วิชาที่ {{$indexKey + 1}}" required>
                                    </div>
                                </div>
                                <div class="col-2 d-flex justify-content-center">
                                    <div class="form-group">
                                        <label for="mHour{{ $indexKey + 1 }}">ชั่วโมง <span class="text-red">*</span></label>
                                        <input type="number" class="form-control" id="mHour{{ $indexKey + 1 }}" name="mHour{{ $indexKey + 1 }}" value="{{ $modules[$indexKey]->module_hour }}" placeholder="ชั่วโมงเรียนวิชาที่ {{$indexKey + 1}}" required>
                                    </div>
                                </div>
                                <div class="col-2 text-center">
                                    <div class="form-group">
                                        <label for="mDrive{{ $indexKey + 1 }}">มีการขับรถหรือไม่ <span class="text-red">*</span></label>
                                        <div>
                                            <div class="icheck-nephritis icheck-inline">
                                                <input type="radio" id="mDrive{{ $indexKey + 1 }}" name="mDrive{{ $indexKey + 1 }}" value="ขับ" @if($modules[$indexKey]->drive == "ขับ") checked @endif required>
                                                <label for="mDrive{{ $indexKey + 1 }}">มีขับรถ</label>
                                            </div>
                                            <div class="icheck-nephritis icheck-inline">
                                                <input type="radio" id="mNoDrive{{ $indexKey + 1 }}" name="mDrive{{ $indexKey + 1 }}" value="ไม่ขับ" @if($modules[$indexKey]->drive == "ไม่ขับ") checked @endif>
                                                <label for="mNoDrive{{ $indexKey + 1 }}">ไม่มีขับรถ</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-2 text-center">
                                    <div class="form-group">
                                        <label for="significance{{ $indexKey + 1 }}">วิชา 3/1</label>
                                        <div class="icheck-nephritis pt-2">
                                            <input type="checkbox" id="significance{{ $indexKey + 1 }}" name="significance{{ $indexKey + 1 }}" value="1" @if($modules[$indexKey]->significance==true) checked @endif>
                                            <label for="significance{{ $indexKey + 1 }}">ใช่</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-1  d-flex align-items-end">
                                    <div class="form-group">
                                        <form id="del-frm{{ $indexKey + 1 }}" class="d-inline"
                                            method="post"
                                            action="{{ route('course.delete_module') }}"
                                            onsubmit="confirmalert(event, {{ $indexKey + 1}}, 'รายวิชา')"
                                        >
                                        @csrf
                                            <input type="hidden" name="mid" id="module{{ $indexKey + 1 }}" value="{{ $modules[$indexKey]->id }}">
                                            <input type="hidden" name="logModule" id="logModuleDel{{ $indexKey + 1 }}" value="{{  'ลบรายวิชา : ' . $modules[$indexKey]->module .', ของคอร์ส : ' . $course->name }}">
                                            <button type="submit" id="delBtn{{ $indexKey + 1 }}" class="btn btn-danger"><i class="far fa-trash-alt"></i> ลบ</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            @endforeach
                        @endif
                        <div class="row">
                            <div class="col-sm-12 col-md-8">
                                <div class="form-group">
                                    <label for="option">ค่าบริการอื่นๆ</label>
                                    <input type="text" class="form-control" id="optional" name="optional" value="{{ $course->optional }}" placeholder="ค่าบริการอื่นๆ">
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-4">
                                <div class="form-group">
                                    <label for="oPrice">จำนวนเงิน</label>
                                    <input type="number" class="form-control" id="oPrice" name="oPrice" value="{{ $course->optional_price }}" placeholder="จำนวนเงิน">
                                </div>
                            </div>
                        </div>
                    </div>  <!-- div card body -->
                </div>
                <div class="row mt-3 mb-3">
                    <div class="col-12">
                        <div style="float:left">
                            <a href="{{ route('course.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="submit" class="btn btn-success ml-2" value="add-course">แก้ไขคอร์ส</button>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
@endsection

@section('footerscript')
<script src="{{ asset('js/bootstrap-select.min.js') }}"></script>
<script src="{{ asset('js/sweetalert2.min.js') }}"></script>
<script src="{{ asset('js/custom.js') }}"></script>
<script>
    $(document).ready(function(){
        $('.selectpicker').selectpicker();

        $('#addModuleModal').on('hidden.bs.modal', function() {
            $('#addModuleFrm').trigger("reset");
        });
    });
</script>
@endsection
