@extends('admins.layouts.main')
@section('content')
    <script>
        var getAedModelUrl = "{{ route('admin.aed_management.aeds.get_aed_model_by_supplier_id') }}"
        var place = {{ $hadPlace ?? "undefined" }}
    </script>
    <link href="{{ asset('/js/jquery-ui-1.12.1/jquery-ui.css') }}" rel="stylesheet" type="text/css"></link>
    <link rel="stylesheet" href="{{ asset('/js/jQuery-Timepicker-Addon/jquery-ui-timepicker-addon.css') }}">
    <script src="{{ asset('/js/jquery-ui-1.12.1/jquery-ui.js') }}"></script>
    <script src="{{ asset('/js/jQuery-Timepicker-Addon/jquery-ui-timepicker-addon.js') }}"></script>
    <script src="{{ asset('/js/admins/aed_management/aeds/edit.js') }}"></script>
    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-bordered">
                <div class="example table-responsive">
                    <div class="panel p-4 form-title-right">
                        <form id="form" action="{{ $forms['action'] }}">
                            @method($forms['method'])
                            <div class="row">
                                <div class="col-12">
                                    <h3 class="example-title">基本資料</h3>
                                </div>
                                <hr style="width:0%" ;/>
                                <div class="col-md-6 col-xl-6">
                                    <div class="">
                                        <div class="example-wrap">
                                            <div class="example">
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        <span class="txt-red">*</span>廠牌
                                                    </label>
                                                    <div class="col-lg-8">
                                                        <select id="supplier_id" class="form-control hadPlace" name="supplier_id">
                                                            <option value="0">請選擇廠牌</option>
                                                            @foreach($suppliers as $supplier)
                                                                <option value="{{ $supplier->id }}" {{ $supplier->id == $aed->supplier_id ? 'selected' : null }}>{{ $supplier->name }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        <span class="txt-red">*</span>序號
                                                    </label>
                                                    <div class="col-lg-8">
                                                        <input type="text" class="form-control hadPlace" id="serial_number" name="serial_number" value="{{ $aed->serial_number }}">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        <span class="txt-red">*</span>型號
                                                    </label>
                                                    <div class="col-lg-8">
                                                        <!--<div class="radio-custom radio-default radio-inline">
                                                            <input class="hadPlace" type="radio" id="model_action2" name="model_action" value="new_model" checked>
                                                            <label for="model_action2">新型號</label>
                                                        </div>-->
                                                        <div class="radio-custom radio-default radio-inline">
                                                            <input class="hadPlace" type="radio" id="model_action1" name="model_action" value="existed_model" checked>
                                                            <label for="model_action1">現有型號</label>
                                                        </div>
                                                        <input type="text" class="form-control" id="create_model" name="create_model">
                                                        <select id="aed_model_id" class="form-control hadPlace" name="aed_model_id" style="display: none">
                                                            <option value="0">請先選擇廠牌</option>
                                                            @foreach($aedModels as $aedModel)
                                                                <option value="{{ $aedModel->id }}" {{ $aedModel->id == $aed->aed_model_id ? 'selected' : null }}>{{ $aedModel->name }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        備註
                                                    </label>
                                                    <div class="col-lg-8">
                                                        <textarea id="note" type="text" class="form-control" name="note" rows="4">{{ $aed->note }}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 col-xl-6">
                                    <div class="">
                                        <div class="example-wrap">
                                            <div class="example">
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        <span class="txt-red"></span>電池使用期限
                                                    </label>
                                                    <div class="col-lg-8">
                                                        <input type="text" class="form-control date_target" name="battery" value="{{ $aed->battery }}">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        <span class="txt-red"></span>電擊貼片使用期限
                                                    </label>
                                                    <div class="col-lg-8">
                                                        <input type="text" class="form-control date_target" name="patch_date" value="{{ $aed->patch_date }}">
                                                        <p style="color: #ff9090">電擊貼片期限如有兩個，請輸入最接近的效期</p>
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        保固期限
                                                    </label>
                                                    <div class="col-lg-8">
                                                        <input type="text" class="form-control date_target" name="warranty_period" value="{{ $aed->warranty_period }}">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        安裝日期
                                                    </label>
                                                    <div class="col-lg-8">
                                                        <input type="text" class="form-control date_target" name="set_date" value="{{ $aed->set_date }}">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        保養日期
                                                    </label>
                                                    <div class="col-lg-8">
                                                        <input type="text" class="form-control date_target" name="maintenance" value="{{ $aed->maintenance }}">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                        <div class="col-lg-12 p-4 text-center">
                            <button class="btn btn-danger btn-lg waves-effect waves-classic"
                                type="button" onclick="parent.history.back();">
                            <i class="icon md-undo" aria-hidden="true"></i>取消
                        </button>&nbsp;&nbsp;
                            <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>
        @if ($isManager)
        <script>
            setTimeout(function () {
                $('#supplier_id').prop('disabled', true);
                $('#serial_number').prop('readonly', true);
                $('#model_action2').prop('disabled', true);
                $('#model_action1').prop('disabled', true);
                $('#aed_model_id').prop('disabled', true);
                $('#note').prop('readonly', true);
            } , 500);
        </script>
        @endif
    </div>
@endsection