@extends('admins.layouts.main')
@section('content')
    @include('errors')

    {{--tgos--}}
    <script type="text/javascript"
            src="{{ sprintf('http://api.tgos.tw/TGOS_API/tgos?ver=%s&AppID=%s&APIKey=%s', config('app.tgos_version'), config('app.tgos_app_id'), config('app.tgos_api_key') ) }}" charset="utf-8">
    </script>
    {{--google--}}
{{--    <script type="text/javascript" src="https://maps.google.com/maps/api/js?key=AIzaSyB2q5-8Y1Blx8so-cvEJvnbhTNhMXb7_n4"></script>--}}
    <script>
        var cityId = '{{ $department->city_id ?? 0 }}';
        var townId = '{{ $department->area_id ?? 0 }}';
        var limitCityId = JSON.parse('{{ json_encode($departmentIds) ?? '[]' }}');
    </script>
    <script src="{{ asset('/js/admins/user_management/departments/create_aed_place.js') }}"></script>
    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-bordered">
                <div class="panel p-2 form-title-right">
                    <button type="button" class="btn btn-primary waves-effect waves-classic" onclick="$('#importPlaceModal').modal('show');"><i class="icon md-plus"
                                                                                                aria-hidden="true"></i>
                        批次匯入
                    </button>
                    <a href="{{ url('importTemplate/aedImportPlace.xlsx') }}" class="btn btn-outline-danger" download="匯入場所範例.xlsx">下載匯入場所範例</a>

                </div>
            </div>
        </div>
    </div>
    <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">AED場所資料</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>AED場所名稱
                                                    </label>
                                                    <div class="col-md-8">
                                                        <input type="text" class="form-control" id="name" name="name" value="{{ $department->name }}" maxlength="100">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        <span class="txt-red">*</span>所在縣市
                                                    </label>
                                                    <div class="col-md-8">
                                                        <select id="city_id" class="form-control" name="city_id">
                                                            <option value="0">縣市</option>
                                                        </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-md-8">
                                                        <select id="area_id" class="form-control" name="area_id">
                                                            <option value="0">鄉鎮市區</option>
                                                        </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-md-8">
                                                        <div class="input-group">
                                                            <input type="text" class="form-control" id="address" name="address" value="{{ $department->address }}" maxlength="100">
                                                            <span class="input-group-append">
                                                            <button onclick="getCoordinateByGoogleMap(this)" type="button" class="btn btn-warning waves-effect waves-classic">地址取經緯度</button>
                                                            </span>
                                                        </div>
                                                    </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-4">
                                                        <input type="text" class="form-control" id="longitude" name="longitude" value="{{ optional($department->place)->longitude }}" maxlength="100" placeholder="點擊'地址取經緯度按鈕'取得" readonly>
                                                    </div>
                                                    <div class="col-lg-4">
                                                        <input type="text" class="form-control" id="latitude" name="latitude" value="{{ optional($department->place)->latitude }}" maxlength="100" placeholder="點擊'地址取經緯度按鈕'取得" readonly>
                                                    </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">
                                                        <select id="place_sub_type_id" class="form-control" name="place_sub_type_id">
                                                            <option value="0">請選擇場所類型</option>
                                                            @foreach($subPlaceTypes as $placeType)
                                                                <option value="{{ $placeType->id }}" {{ $placeType->id == optional($department->place)->place_type_id ? 'selected' : null }}>{{ $placeType->name }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        電話
                                                    </label>
                                                    <div class="col-md-8">
                                                        <input type="text" class="form-control" id="phone_number" name="phone_number" value="{{ $department->phone_number }}" maxlength="50">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        備註
                                                    </label>
                                                    <div class="col-md-8">
                                                        <textarea class="form-control" id="memo" name="memo" rows="5">{{ $department->memo }}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <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">
                                                        姓名
                                                    </label>
                                                    <div class="col-md-8">
                                                        <input type="text" class="form-control" id="contact_name" name="contact_name" value="{{ $department->contact_name }}" maxlength="100">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        電話
                                                    </label>
                                                    <div class="col-md-8">
                                                        <input type="text" class="form-control" id="contact_phone_number" name="contact_phone_number" value="{{ $department->contact_phone_number }}" maxlength="100">
                                                    </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-md-8">
                                                        <input type="text" class="form-control" id="contact_email" name="contact_email" value="{{ $department->contact_email }}" maxlength="100">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="col-lg-12 p-4 text-center">
                        <button id="submit_button" class="btn btn-success btn-lg waves-effect waves-classic" type="button">
                            <i class="icon md-check" aria-hidden="true"></i>儲存
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- Modal -->
    <div class="modal fade" id="importPlaceModal" tabindex="9" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">匯入場所</h4>
                </div>
                <div class="modal-body">
                    <form id="importPlace" action="{{$importPlaceForms['action']}}" method="{{$importPlaceForms['method']}}" class="form-horizontal" enctype="multipart/form-data">
                        @csrf
                        <input name="file" type="file">
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button id="importPlaceBtn" type="button" class="btn btn-primary" data-dismiss="modal">匯入</button>
                </div>
            </div>
        </div>
    </div>
@endsection