@extends('layout.layout')

@section('header')
<div class="page-header page-header-default">
    <div class="page-header-content">
        <div class="page-title">
            <h4><span class="text-semibold">@if(isset($data->id)) Edit @else Add @endif รอบการลงทะเบียน Offline</span></h4>
        </div>
    </div>
    <div class="breadcrumb-line">
        <ul class="breadcrumb">
            <li><a href="{{route("repair-offline.index")}}"><i class="icon-users2 position-left"></i> รอบการลงทะเบียน Offline</a></li>
            <li class="active">@if(isset($data->id)) Edit @else Add @endif รอบการลงทะเบียน Offline</li>
        </ul>
    </div>
</div>
@endsection

@section('content')
@csrf
<form id="form-data" name="form-data" method="post" class="form-horizontal form-validate-jquery" >
    <input type="hidden" name="txt_id" id="txt_id" value="{{ $data->id or '' }}">
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-flat ">
                <div class="panel-heading">
                    <h5 class="panel-title">@if(isset($data->id))แก้ไขข้อมูล@else เพิ่มข้อมูล @endif</h5>
                    @if(isset($data->id))
                    <a class="heading-elements-toggle"><i class="icon-more"></i></a>
                    <div class="heading-elements">
                        <button type="button" id="btn-del" class="btn btn-danger" onclick="del()"><i class="icon-minus-circle2 position-left"></i>ลบรอบการลงทะเบียนนี้</button>
                    </div>
                    @endif
                </div>
                <div class="panel-body">
                    <fieldset class="content-group">

                        @if(isset($data->id))
                        <div class="form-group">
                            <label class="control-label col-lg-3">ID การลงทะเบียน Offline :</label>
                            <div class="col-lg-9">
                                <input type="text" class="form-control" placeholder="" name="show_id" id="show_id" disabled value="{{ $data->id or '' }}">
                            </div>
                        </div>
                        @endif

                        <div class="form-group">
                            <label class="control-label col-lg-3">สถานะรอบการลงทะเบียน <span style="color:red;">*</span> :</label>
                            <div class="col-lg-9">
                                <select name="status" id="status" class="form-control">
                                    <option value="active" @if(isset($data) && $data->status == 'active') selected="selected" @endif >เปิดรอบการลงทะเบียน</option>
                                    <option value="suspended" @if(isset($data) && $data->status == 'suspended') selected="selected" @endif >ระงับรอบการลงทะเบียน</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-lg-3">เดือน <span style="color:red;">*</span> :</label>
                            <div class="col-lg-9">
                                <select name="event_month" id="event_month" class="form-control">
                                    <option value="1" @if(isset($data) && $data->month == 1) selected="selected" @endif >มกราคม</option>
                                    <option value="2" @if(isset($data) && $data->month == 2) selected="selected" @endif >กุมภาพันธ์</option>
                                    <option value="3" @if(isset($data) && $data->month == 3) selected="selected" @endif >มีนาคม</option>
                                    <option value="4" @if(isset($data) && $data->month == 4) selected="selected" @endif >เมษายน</option>
                                    <option value="5" @if(isset($data) && $data->month == 5) selected="selected" @endif >พฤษภาคม</option>
                                    <option value="6" @if(isset($data) && $data->month == 6) selected="selected" @endif >มิถุนายน</option>
                                    <option value="7" @if(isset($data) && $data->month == 7) selected="selected" @endif >กรกฎาคม</option>
                                    <option value="8" @if(isset($data) && $data->month == 8) selected="selected" @endif >สิงหาคม</option>
                                    <option value="9" @if(isset($data) && $data->month == 9) selected="selected" @endif >กันยายน</option>
                                    <option value="10" @if(isset($data) && $data->month == 10) selected="selected" @endif >ตุลาคม</option>
                                    <option value="11" @if(isset($data) && $data->month == 11) selected="selected" @endif >พฤศจิกายน</option>
                                    <option value="12" @if(isset($data) && $data->month == 12) selected="selected" @endif >ธันวาคม</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-lg-3">ปี <span style="color:red;">*</span> :</label>
                            <div class="col-lg-9">
                                <select name="event_year" id="event_year" class="form-control">
                                    <option value="2024" @if(isset($data) && $data->month == 2024) selected="selected" @endif >2567</option>
                                    <option value="2025" @if(isset($data) && $data->month == 2025) selected="selected" @endif >2568</option>
                                    <option value="2026" @if(isset($data) && $data->month == 2026) selected="selected" @endif >2569</option>
                                    <option value="2027" @if(isset($data) && $data->month == 2027) selected="selected" @endif >2570</option>
                                    <option value="2028" @if(isset($data) && $data->month == 2028) selected="selected" @endif >2571</option>
                                    <option value="2029" @if(isset($data) && $data->month == 2029) selected="selected" @endif >2572</option>
                                    <option value="2030" @if(isset($data) && $data->month == 2030) selected="selected" @endif >2573</option>
                                    <option value="2031" @if(isset($data) && $data->month == 2031) selected="selected" @endif >2574</option>
                                    <option value="2032" @if(isset($data) && $data->month == 2032) selected="selected" @endif >2575</option>
                                    <option value="2033" @if(isset($data) && $data->month == 2033) selected="selected" @endif >2576</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-lg-3">จำนวนที่รับได้ <span style="color:red;">*</span> :</label>
                            <div class="col-lg-9">
                                <input type="number" class="form-control" placeholder="จำนวนที่รับได้" name="amount_all" id="amount_all" value="{{ $data->amount_all or '' }}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-lg-3">รหัสสำหรับการเปิดลงทะเบียน <span style="color:red;">*</span> :</label>
                            <div class="col-lg-9">
                                <input type="text" class="form-control" placeholder="รหัสสำหรับการเปิดลงทะเบียน" name="event_pass" id="event_pass" value="{{ $data->pass or '' }}">
                            </div>
                        </div>
                    </div>

                    </fieldset>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-flat">
                <div class="panel-body">
                    <div class="text-center">
                        <button type="reset" class="btn btn-default" id="reset">Reset <i class="icon-reload-alt position-right"></i></button>
                        <button type="button" id="btn-save-draft" class="btn btn-primary" onclick="save()">Save <i class="icon-arrow-right14 position-right"></i></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>

@endsection

@section('script')
<script>



    function save() {
        var msg = '';
        // if($('#txt_business_name').val().trim() == '')
        //     msg = 'กรุณากรอก "ชื่อ-นามสกุล หรือ บริษัท"';
        // else if($('#txt_business_tax_id').val().trim() == '')
        //     msg = 'กรุณากรอก "เลขบัตรประชาชน หรือ เลขประจำตัวผู้เสียภาษี"';
        // else if($('#txt_business_address').val().trim() == '')
        //     msg = 'กรุณากรอก "ที่อยู่"';
        // else if($('#txt_business_contact').val().trim() == '')
        //     msg = 'กรุณากรอก "เบอร์โทร"';
        // else if($('#txt_contacter_name').val().trim() == '')
        //     msg = 'กรุณากรอก "ชื่อผู้ติดต่อ"';
        // else if($('#txt_contacter_contact').val().trim() == '')
        //     msg = 'กรุณากรอก "เบอร์โทรผู้ติดต่อ"';

        if(msg != ''){
            swal({
                title: msg,
                confirmButtonColor: "#EF5350",
                allowOutsideClick: false,
                type: "info"
            });
        }else{
            saveCreate();
        }
        return false;
    }

    function saveCreate() {
        var formData = new FormData($('#form-data')[0]);
        $.ajax({
            type: 'POST',
            url: "{{ route('repair-offline.save') }}",
            data: formData,
            dataType: 'json',
            processData: false,  // tell jQuery not to process the data
            contentType: false,   // tell jQuery not to set contentType
            success: function (data) {
                status_submit = false;
                if(data.status){
                    swal({
                        title: data.message,
                        confirmButtonColor: "#66BB6A",
                        type: "success",
                        confirmButtonText: "ตกลง",
                    }).then(function () {
                        window.location.href = "{{ route('repair-offline.index') }}";
                    }, function (dismiss) {});
                }else{
                    swal({
                        title: data.message,
                        confirmButtonColor: "#EF5350",
                        type: "error"
                    }).then(function (dismiss) {});
                }
            },
            error: function (xhr, type) {
               status_submit = false;
            }
        });
    }

    function del() {
        var formData = new FormData($('#form-data')[0]);
        $.ajax({
            type: 'POST',
            url: "{{ route('repair-offline.delete') }}",
            data: formData,
            dataType: 'json',
            processData: false,  // tell jQuery not to process the data
            contentType: false,   // tell jQuery not to set contentType
            success: function (data) {
                status_submit = false;
                if(data.status){
                    swal({
                        title: data.message,
                        confirmButtonColor: "#66BB6A",
                        type: "success",
                        confirmButtonText: "ตกลง",
                    }).then(function () {
                        window.location.href = "{{ route('repair-offline.index') }}";
                    }, function (dismiss) {});
                }else{
                    swal({
                        title: data.message,
                        confirmButtonColor: "#EF5350",
                        type: "error"
                    }).then(function (dismiss) {});
                }
            },
            error: function (xhr, type) {
            status_submit = false;
            }
        });
    }

</script>
@endsection