@extends('admins.layouts.main')
@section('content')
    <form id="Form" action="" enctype="multipart/form-data">
    @include('admins.aed_management.locations._locationInfo')
    <div class="page-content">
        <div class="panel p-4">
            <div class="row">
                <div class="col-12">
                    <h4 class="example-title">維修申請</h4>
                </div>
                <div class="col-md-6 col-xl-6">
                    <div class="form-group">
                        <div class="col">
                           
                            <div class="col-12">
                                <div class="checkbox-custom checkbox-default checkbox-inline" >
                                    <input type="checkbox" style="width: 30px;height:30px" id="repair" name="repair" >
                                    <label for="repair">維修申請</label>
                                </div>
                                <br/>
                                <label class="col-md-5 col-form-label"><span class="txt-red"></span>說明：</label>
                                <div class="col-md-9">
                                    <textarea name="repair_momo" cols="38" rows="3" class="chinese required textarea-w100" id="repair_momo" placeholder=""></textarea>
                                    </div>
                             </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- End Panel  -->
</div>
    </form>
    <div class="page-content">
        <div class="panel">
            <div class="panel-body">
                <div class="row">
                    <div class="col-12">
                        <div class="example-wrap">
                            <div class="example example-grid">
                                <div class="row">
                                    <div class="col-6 text-center">
                                        <button class="btn btn-danger btn-lg waves-effect waves-classic"
                                                type="button">
                                            <i class="icon md-undo" aria-hidden="true"></i>返回
                                        </button>&nbsp;&nbsp;
                                    </div>
                                    <div class="col-6 text-center">
                                        <button class="btn btn-success btn-lg waves-effect waves-classic "
                                                type="button"
                                                id="submit_button">
                                            <i class="icon md-check" aria-hidden="true"></i>確定
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        var formUrl = '{{$Urls['postCreateChangeApplyLocation']}}';
        var formType = 'changeLocation'; //AED異動申請
        
        $('#repair').change(function () {
            repairChange();
        });

        $(document).ready(function () { repairChange();});

        function repairChange() {
            if (!$('#repair').is(':checked')) { 
                //切換回純異動申請介面
                $('.aedlocationInfo :input').attr('disabled', false);
                $('.aedInfo :input').attr('disabled', false);
                $('#repair_momo').attr('disabled', true);
                //$('repair_momo').removeClass("required");
                formUrl = '{{$Urls['postCreateChangeApplyLocation']}}';
            }else{
                //切換回維修申請介面
                //$('repair_momo').addClass("required"); //將該欄位加入jQuery Validation Plugin表單驗證
                $('.aedlocationInfo :input').attr('disabled', true);
                $('.aedInfo :input').attr('disabled', true);
                $('#repair_momo').attr('disabled', false);
                formUrl = '{{$Urls['postCreateRepairApply']}}';
            }             
        }

    </script>


@endsection