@extends('layouts.main')
@section('content')

<script type="text/javascript" src='{{ asset('js/jquery.autoKana.js') }}'></script>
<script type="text/javascript" src='{{ asset('js/ajaxzip3.js') }}'></script>
<script type="text/javascript" src="{{ asset('js/jquery-ui.js') }}"></script>
<link media="screen" rel="stylesheet" type="text/css" href="{{ asset('css/jquery-ui.css') }}">


<script type="text/javascript">
    $(document).ready(
        function() {               
            $.fn.autoKana('#customer_name1', '#customer_phonetic', {
                katakana : true  //true：カタカナ、false：ひらがな（デフォルト）
        });
    });
</script>

<script type="text/javascript">
	jQuery(document).ready(function(){
	   jQuery("#createform").validationEngine();
	});

	/**
	* @param {jqObject} the field where the validation applies
	* @param {Array[String]} validation rules for this field
	* @param {int} rule index
	* @param {Map} form options
	* @return an error string if validation failed
	*/
	function checkLtNumHifn(field, rules, i, options){
		if ( !field.val().match( /^[0-9a-zA-Z\-]+$/ ) ) {
			// un match
			return "* 半角英数 記号(-)で入力してください";
		}
	}

	function checkKatakana(field, rules, i, options){
		if ( !field.val().match( /^[ァ-ヺー]+$/ ) ) {
			// un match
			return "* 全角カタカナで入力してください";
		}
	}

        //次回点検日を自動でセットする
        function setNextYear(){
            var wrkDate = document.getElementById("work_ymd").value;    // 作業日	
            var nxtDate = document.getElementById("next_ymd").value;    // 次回点検日
            var newDate = "";   // 新規点検日	
            var aftM    = 12;   // 指定月後
            var item    = document.getElementById("mainte_div");  // メンテ項目
            var year    = "";
            var month   = "";
            var day     = "";

            // 作業日が年月日入力されていなければ終了
            if(wrkDate.value == "") return;

            wrkDate = wrkDate.replace(/-/g, '/');
            wrkDate = toDate(wrkDate, "/");

/*
            //メンテ項目の内容追加に伴い、コード変更・対応点検追加等修正 Tanaami 10/03/05 -S
            switch(item.value){
                    // 保守点検
                    case "57":
                            aftM = 12;
                            break;
                    // 総合点検（点検・部品交換）
                    case "58":
                    case "59":
                            aftM = 6;
                            break;
                    // それ以外は終了
                    default:
                            return;
                            break;
            }
*/

            // 次回作業日を取得
            newDate = getAddMonth(wrkDate.getFullYear(), wrkDate.getMonth() + 1, wrkDate.getDate(), aftM);

            year    = newDate.getFullYear();
            month   = ("0" + (newDate.getMonth() + 1)).slice(-2);
            day     = ("0" + newDate.getDate()).slice(-2);

            // 作業日が月末日の場合は、次回点検日も該当月の月末日にする
            if (getMonthEndDay(wrkDate.getFullYear(), wrkDate.getMonth() + 1) == wrkDate.getDate()) {
                // 日            
                day = getMonthEndDay(newDate.getFullYear(), newDate.getMonth() + 1)
            }
            
            // 次回作業日セット
            document.getElementById("next_ymd").value = year + "/" + month  + "/" + day;
        }

        // 月を加算し、課産後の年月日を取得する
        function getAddMonth(year, month, day, addMonth){
            var newDate  = new Date(year + "/" + month + "/" + day);
            var endDay   = "";
            var newMonth = "";

            // 加算後の年月の月末日を取得する
            newDate.setMonth(newDate.getMonth() + addMonth);
            endDay = getMonthEndDay(newDate.getYear(), newDate.getMonth());
            // もし、月末より後を選択しているならば、月末日をセット
            if(day > endDay){
                    day = endDay;
            }
            // 日付セット
            newDate.setDate(day);

            // 加算後の月取得	
            newMonth = parseInt(month,10) + parseInt(addMonth,10);
            // 月 + 加算月をし、12ヶ月を超えている場合は、12ヶ月分マイナスする
            // 上記条件を満たしている場合は、↑の月末日を取得するときのsetMonthで年が繰り上がっているので
            // ここでは月だけを設定しなおす
            if(parseInt(newMonth,10) > 12){
                    newMonth = parseInt(newMonth,10) - 12;
            }
            // 月セット
            newDate.setMonth(newMonth - 1);

            return newDate;	
        }

        // 月末日取得
        function getMonthEndDay(year, month){
            var dt = new Date(year, month, 0);
            return dt.getDate();
        }

        function toDate (str, delim) {
            var arr = str.split(delim)
            return new Date(arr[0], arr[1] - 1, arr[2]);
        };    
</script>

<div class="container">
    {{ Form::open(['url' => 'premainte/copycreate/' . $id, 'method' => 'POST', 'name' => 'form', 'id' => 'createform', 'files' => true]) }}
    {{ Form::hidden("customer_id", $datas->customer_id, ["id"=>"customer_id"]) }}
    {{ Form::hidden("machine_id", $datas->machine_id, ["id"=>"machine_id"]) }}
    <h5>メンテナンス情報仮登録（追加）</h5>

    <!-- データエリア -->
    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">顧客情報</h3>
            </div>
            
            {{-- 通知メッセージ --}}
            @if ($message <> "")
                <div class="message">
                    {{ Form::label("message", $message, ["class"=>"form-control btn-success btn"]) }}
                </div>
            @endif

            @if (session()->has('errors'))
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            
            <div class="panel-body">

                <table class="table">
                    <col width="10%" />
                    <col width="25%" />
                    <col width="10%" />
                    <col width="15%" />
                    <col width="10%" />
                    <col width="30%" />
                     
                    <tr> 
                        @if ($company_id == 0)
                        <td>{{ Form::label("company_id","得意先設定",["class"=>"control-label btn"]) }}</td>
                        <td>{{ Form::select('company_id', $company, $datas->mstcompany_id, ['class' => 'form-control', 'id' => 'company_id', 'onChange' => 'makeList_Company()']) }}</td>
                        @endif
                        
                        <td>{{ Form::label("customer_code","顧客番号",["class"=>"control-label btn"]) }}</td>
                        <td>{{ Form::number("customer_code", $datas->customer_code, ["class"=>"form-control validate[required,maxSize[8]]", "id"=>"customer_code", "style" => "width:90px"]) }}</td>
                        <td>{{ Form::label("machine_no","機番",["class"=>"control-label btn"]) }}</td>
                        <td>{{ Form::number("machine_no", $datas->machine_no, ["class"=>"form-control validate[required,maxSize[8]]", "id"=>"machine_no", "style" => "width:90px"]) }}</td>
                      
                        @if ($company_id <> 0)
                        <td>{{ Form::hidden("company_id", $company_id) }}</td>
                        @endif
                    </tr>
                    <tr> 
                      <td><a href="#" data-toggle="modal" data-target="#customers" class="btn btn-warning">　顧客名　</a></td>
                      <td>{{ Form::text("customer_name1", $datas->customer_name1, ["class"=>"form-control validate[required]", "id"=>"customer_name1"]) }}</td>
                      <td>{{ Form::label("customer_phonetic","顧客名(カナ)",["class"=>"control-label btn"]) }}</td>
                      <td>{{ Form::text("customer_phonetic", $datas->customer_phonetic, ["class"=>"form-control", "id"=>"customer_phonetic"]) }}</td>
                      <td>{{ Form::label("customer_person","顧客担当者",["class"=>"control-label btn"]) }}</td>
                      <td>{{ Form::text("customer_person", $datas->customer_person, ["class"=>"form-control", "id"=>"customer_person"]) }}</td>
                    </tr>
                    <tr> 
                      <td>{{ Form::label("tel1","電話番号",["class"=>"control-label btn"]) }}</td>
                      <td>
                          {{ Form::tel("tel1", $datas->tel1, ["class"=>"form-control imeoff", "id"=>"tel1", "maxlength"=>"13", 'style' => 'width:25%', "pattern"=>"\d{1,5}-\d{1,4}-\d{3,4}", 'onChange' => 'getCustomer()']) }}
                          {{ Form::label("email","E-Mail",["class"=>"control-label btn"]) }}
                          {{ Form::tel("email", $datas->email, ["class"=>"form-control imeoff", "id"=>"email", "style" => "width:60%"]) }}
                      </td>
                      <td>{{ Form::label("zipcode","郵便番号",["class"=>"control-label btn"]) }}</td>
                      <td>{{ Form::tel("zipcode", $datas->zipcode, ["class"=>"form-control imeoff", "id"=>"zipcode", "maxlength" => "8", "pattern"=>"\d{3}-\d{4}", "onKeyUp"=>"AjaxZip3.zip2addr(this,'','pref','address1');"]) }}</td>
                      <td><a href="http://www.post.japanpost.jp/zipcode/" class="btn btn-warning" target="_blank"> 住所 </a></td>
                      <td>{{ Form::select('pref', $prefs, $datas->pref, ['class' => 'form-control', 'id' => 'pref', 'style' => 'width:25%;']) }}
                          {{ Form::text("address1", $datas->address1, ["class"=>"form-control", "id"=>"address1", "style" => "width:73%"]) }}
                      </td>
                    </tr>
                    <tr> 
                      <td>{{ Form::label("itemcategory","機種",["class"=>"control-label btn"]) }}</td>
                      <td> 
                          {{ Form::select('itemcategory', $itemcat, $datas->category_id, ['class' => 'form-control validate[required]', 'id' => 'itemcategory', 'style' => 'width:49%;', 'onChange' => 'makeList_Item()']) }}
                          {{ Form::select('item_id', $items, $datas->item_id, ['class' => 'form-control validate[required]', 'id' => 'item_id', 'style' => 'width:49%;', 'onChange' => 'makeList_ItemOption()']) }}
                     </td>
                      <td>{{ Form::label("branch_id","担当支店",["class"=>"control-label btn"]) }}</td>
                      <td>{{ Form::select('branch_id', $branchs, $datas->branch_id, ['class' => 'form-control', 'id' => 'branch_id']) }}</td>
                      <td>{{ Form::label("deliver_person","納入担当者",["class"=>"control-label btn"]) }}</td>
                      <td>{{ Form::text("deliver_person", $datas->deliver_person, ["class"=>"form-control", "id"=>"deliver_person"]) }}</td>
                    </tr>
                    <tr> 
                      <td>{{ Form::label("dealer_name","ディーラー",["class"=>"control-label btn"]) }}</td>
                      <td>{{ Form::text("dealer_name", $datas->dealer_name, ["class"=>"form-control", "id"=>"dealer_name"]) }}</td>
                      <td>{{ Form::label("dealer_person","ディーラー担当者",["class"=>"control-label btn"]) }}</td>
                      <td>{{ Form::text("dealer_person", $datas->dealer_person, ["class"=>"form-control", "id"=>"dealer_person"]) }}</td>
                      <td>{{ Form::label("contract_ymd","契約日",["class"=>"control-label btn"]) }}</td>
                      <td>{{ Form::text('contract_ymd', $datas->contract_ymd, ["class"=>"form-control", "id"=>"contract_ymd", "style"=>"width:130px"]) }}</td>
                    </tr>
                    <tr> 
                      <td>{{ Form::label("service_id","サービス業者",["class"=>"control-label btn"]) }}</td>
                      <td>{{ Form::select('service_id', $services, $datas->service_id,['class' => 'form-control', 'id' => 'service_id']) }}</td>
                      <td>{{ Form::label("service_person","サービス業者担当者",["class"=>"control-label btn"]) }}</td>
                      <td>{{ Form::text("service_person", $datas->service_person, ["class"=>"form-control", "id"=>"DealerPerson2"]) }}</td>
                      <td>{{ Form::label("deliver_ymd","納入日",["class"=>"control-label btn"]) }}</td>
                      <td>{{ Form::text('deliver_ymd', $datas->deliver_ymd, ["class"=>"form-control", "id"=>"deliver_ymd", "style"=>"width:130px"]) }}</td>
                    </tr>
                    <tr> 
                      <td>{{ Form::label("contract_type","点検契約",["class"=>"control-label btn"]) }}</td>
                      <td>{{ Form::select('contract_type', $contracts, $datas->contract_type, ['class' => 'form-control', 'id' => 'contract_type']) }}</td>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                      <td>{{ Form::label("next_ymd","次回点検日",["class"=>"control-label btn"]) }}</td>
                      <td>{{ Form::text('next_ymd', $datas->next_ymd, ["class"=>"form-control", "id"=>"next_ymd", "style"=>"width:130px"]) }}</td>
                    </tr>
                </table>
            </div><!-- /.panel-body -->
        </div><!-- /.panel panel-default -->
    </div><!-- /.col-md-12 -->
                
                
                
                
    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">作業情報</h3>
            </div>
            <div class="panel-body">
                <table class="table">
                    <col width="10%" />
                    <col width="20%" />
                    <col width="10%" />
                    <col width="20%" />
                    <col width="10%" />
                    <col width="30%" />
                    <tr> 
                      <td>{{ Form::label("mainte_div","メンテ項目",["class"=>"control-label btn"]) }}</td>
                      <td>{{ Form::select('mainte_div', $maintediv, '', ['class' => 'form-control', 'id' => 'mainte_div']) }}</td>
                      <td>{{ Form::label("accept_ymd","受付日",["class"=>"control-label btn"]) }}</td>
                      <td>{{ Form::text('accept_ymd', '', ["class"=>"form-control", "id"=>"accept_ymd", "style"=>"width:130px"]) }}</td>
                      <td>{{ Form::label("accept_person","受付者（社名・所属・名前）",["class"=>"control-label btn"]) }}</td>
                      <td>{{ Form::text("accept_person",  Auth::user()->name, ["class"=>"form-control", "id"=>"accept_person"]) }}</td>
                    </tr>
                    <tr> 
                      <td>&nbsp;</td>
                      <td>
                            {{ Form::checkbox('mainte_flg', 1, '', ['class' => 'for-control', "id"=>"mainte_flg"]) }}
                            {{ Form::label("mainte_flg","定期点検実施",["class"=>"control-label btn"]) }}
                            @if ($company_id == 0)
                                {{ Form::checkbox('status', 1, "", ['class' => 'for-control', "id"=>"status"]) }}
                                {{ Form::label("status","非表示",["class"=>"control-label btn"]) }}
                            @else
                                {{ Form::hidden("status", "0") }}
                            @endif
                      </td>
                      <td>{{ Form::label("complete_ymd","対応完了日",["class"=>"control-label btn"]) }}</td>
                      <td>{{ Form::text('complete_ymd', '', ["class"=>"form-control", "id"=>"complete_ymd", "style"=>"width:130px"]) }}</td>
                      <td>{{ Form::label("error_code1","エラー内容",["class"=>"control-label btn"]) }}</td>
                      <td>
                          {{ Form::select('error_code1', $error_codes, '', ['class' => 'form-control', 'id' => 'error_code1', "style"=>"width:49%"]) }}
                          {{ Form::select('error_code2', $error_codes, '', ['class' => 'form-control', 'id' => 'error_code2', "style"=>"width:49%"]) }}
                      </td>
                    </tr>
                    <tr> 
                      <td>{{ Form::label("work_detail","作業内容",["class"=>"control-label btn"]) }}</td>
                      <td colspan="5">
                            {{ Form::text("work_detail", '', ["class"=>"form-control", "id"=>"work_detail", "style"=>"width:50%"]) }}
                            {{ Form::select('repair_code', $repair_codes, "", ['class' => 'form-control', 'id' => 'repair_code', "style"=>"width:48%", "onChange"=>"setRepair();"]) }}
                      </td>
                    </tr>
                    <tr> 
                        <td>{{ Form::label("work_ymd","作業日",["class"=>"control-label btn"]) }}</td>
                        <td>{{ Form::text('work_ymd', $today, ["class"=>"form-control validate[required]", "id"=>"work_ymd", "style"=>"width:130px"]) }}</td>
                        <td>{{ Form::label("work_person","作業者（社名・所属・名前）",["class"=>"control-label btn"]) }}</td>
                        <td>{{ Form::text("work_person", '', ["class"=>"form-control", "id"=>"work_person"]) }}</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr> 
                        <td>{{ Form::label("exchangeparts","交換部品",["class"=>"control-label btn"]) }}</td>
                        <td>{{ Form::text("exchangeparts", '', ["class"=>"form-control", "id"=>"exchangeparts"]) }}</td>
                        <td>{{ Form::label("prover","Pro.Ver. [数字]",["class"=>"control-label btn"]) }}</td>
                        <td>{{ Form::number("prover", '', ["class"=>"form-control", "id"=>"prover"]) }}</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr> 
                      <td>{{ Form::label("description","作業特記",["class"=>"control-label btn"]) }}</td>
                      <td colspan="5">{{ Form::textarea("description", '', ["class"=>"form-control", "id"=>"description", 'rows' => '4']) }}</td>
                    </tr>
                    <tr> 
                      <td>{{ Form::label("comment","お客様コメント",["class"=>"control-label btn"]) }}</td>
                      <td colspan="5">{{ Form::textarea("comment", '', ["class"=>"form-control", "id"=>"comment", 'rows' => '4']) }}</td>
                    </tr>
                    <tr> 
                      <td>{!! Form::label("file1","ファイルアップロード",["class"=>"control-label btn"]) !!}</td>
                      <td colspan="4">{!! Form::file("file1", "", ["id"=>"file1"]) !!}</td>
                      <td></td>
                    </tr>
                    <tr> 
                      <td></td>
                      <td colspan="4">{!! Form::file("file2", "", ["id"=>"file2"]) !!}</td>
                      <td></td>
                    </tr>
                    <tr> 
                      <td></td>
                      <td colspan="4">{!! Form::file("file3", "", ["id"=>"file3"]) !!}</td>
                      <td></td>
                    </tr>
                  </table>
                
                <div>
                    @if ($message == "")
                        {{ Form::button("　登録　", ["class"=>"btn btn-success", "id"=>"submit_btn"]) }}
                        {{ Form::button("キャンセル", ["class"=>"btn btn-default", "onClick"=>"javascript:window.history.back(-1);return false;"]) }}
                    @else
                        {{ Form::button("キャンセル", ["class"=>"btn btn-default", "onClick"=>"location.href='/ICS/public/premainte/index'"]) }}
                    @endif
                </div>
            </div><!-- /.panel-body -->
        </div><!-- /.panel panel-default -->
    </div><!-- /.col-md-12 -->
    <!-- /.データエリア -->
    
    
    <!-- 顧客選択ダイアログ -->
    <div class="modal fade" id="customers">
        <div class="modal-dialog">
            <div class="modal-content">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h6 class="modal-title alert alert-success">顧客選択</h6>
                </div>
                <div class="modal-body">
                    <div style="display: inline-block; width: 99%; vertical-align: top;">
                        <table class="table">
                            <tr>
                                <td></td>
                                <td>コード</td>
                                <td>顧客名</td>
                                <td>顧客名（カナ）</td>
                                <td>郵便番号</td>
                                <td>都道府県</td>
                                <td>住所</td>
                                <td>TEL</td>
                            </tr>
                            @foreach($customers as $customer)
                            <tr>
                                <td><a href="#" class="btn btn-warning" data-dismiss="modal" onClick="javascript:setCustomers('{{ $customer->id }}', '{{ $customer->code }}', '{{ $customer->name1 }}', '{{ $customer->name_phonetic }}', '{{ $customer->person }}', '{{ $customer->tel1 }}', '{{ $customer->zipcode }}', '{{ $customer->pref }}', '{{ $customer->address1 }}')">セット</a></td>
                                <td>{{ $customer->code }}</td>
                                <td>{{ $customer->name1 }}</td>
                                <td>{{ $customer->name_phonetic }}</td>
                                <td>{{ $customer->zipcode }}</td>
                                <td>{{ $customer->prefname }}</td>
                                <td>{{ $customer->address1 }}</td>
                                <td>{{ $customer->tel1 }}</td>
                            </tr>
                            @endforeach
                        </table>
                    </div>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <!-- /.部門選択ダイアログ -->
    {!! Form::close() !!}
</div>
    
<script Language="JavaScript">
    function makeList_Item() {
        $('select#item_id').children().remove();
        $("#item_id").append($("<option>").val("0").text("◆製品型式を選択◆"));

        var itemcategory = $("select#itemcategory").val();

        if (itemcategory == "") {
            window.alert("製品分類を設定してください");
        } else {
            // 処理前に Loading 画像を表示
            dispLoading("処理中...");

            $.ajax({
                    type : "GET",
                    url  : "../item",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    async : "true",
                    data : {"itemcategory" : itemcategory},
                    scriptCharset : "UTF-8",
                    dataType: 'json',
                    success: function(json){
                        var len = json.length;
                            for(var i=0; i < len; i++){
                                $("#item_id").append($("<option>").val(json[i].id).text(json[i].model));
                            }
                        },
                    error : function(msg, status){
                        alert('通信ができない状態です。');
                    },
            })
            .always( function(data) {
                // Lading 画像を消す
                removeLoading();
            });
        }
    }

    function makeList_ItemOption() {
        $('select#repair_code').children().remove();
        $('select#error_code1').children().remove();
        $('select#error_code2').children().remove();
        $('select#contract_type').children().remove();
        $('select#mainte_div').children().remove();
        $("#repair_code").append($("<option>").val("0").text("◆定期交換部品を選択◆"));
        $("#error_code1").append($("<option>").val("0").text("◆エラー内容を選択◆"));
        $("#error_code2").append($("<option>").val("0").text("◆エラー内容を選択◆"));
        $("#contract_type").append($("<option>").val("0").text("◆点検契約を選択◆"));
        $("#mainte_div").append($("<option>").val("0").text("◆メンテ項目を選択◆"));

        var item_id = $("select#item_id").val();

        if (itemcategory == "") {
            window.alert("製品を設定してください");
        } else {
            // 処理前に Loading 画像を表示
            dispLoading("処理中...");

            $.ajax({
                    type : "GET",
                    url  : "../itemoption",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    async : "true",
                    data : {"item_id" : item_id},
                    scriptCharset : "UTF-8",
                    dataType: 'json',
                    success: function(json){
                        var len = json.length;
                            for(var i = 0; i < len; i++){
                                switch (json[i].class) {
                                    case 1:
                                        $("#repair_code").append($("<option>").val(json[i].id).text(json[i].contents));
                                        break;
                                    case 2:
                                        $("#error_code1").append($("<option>").val(json[i].id).text(json[i].contents));
                                        $("#error_code2").append($("<option>").val(json[i].id).text(json[i].contents));
                                        break;
                                    case 3:
                                        $("#contract_type").append($("<option>").val(json[i].id).text(json[i].contents));
                                        break;
                                    case 4:
                                        $("#mainte_div").append($("<option>").val(json[i].id).text(json[i].contents));
                                        break;
                                }
                            }
                        },
                    error : function(msg, status){
                        alert('通信ができない状態です。');
                    },
            })
            .always( function(data) {
                // Lading 画像を消す
                removeLoading();
            });
        }
    }

    function makeList_Company() {
        $('select#branch_id').children().remove();
        $("#branch_id").append($("<option>").val("0").text("◆支店を選択◆"));

        var company_id = $("select#company_id").val();

        if (company_id == "") {
            window.alert("得意先を選択してください");
        } else {
            // 処理前に Loading 画像を表示
            dispLoading("処理中...");

            $.ajax({
                    type : "GET",
                    url  : "../branchs",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    async : "true",
                    data : {"company_id" : company_id},
                    scriptCharset : "UTF-8",
                    dataType: 'json',
                    success: function(json){
                        var len = json.length;
                            for(var i=0; i < len; i++){
                                $("#branch_id").append($("<option>").val(json[i].id).text(json[i].name));
                            }
                        },
                    error : function(msg, status){
                        alert('通信ができない状態です。');
                    },
            })
            .always( function(data) {
                // Lading 画像を消す
                removeLoading();
            });
        }

        $('select#service_id').children().remove();
        $("#service_id").append($("<option>").val("0").text("◆サービス業者を選択◆"));

        var company_id = $("select#company_id").val();

        if (company_id == "") {
            window.alert("得意先を選択してください");
        } else {
            // 処理前に Loading 画像を表示
            dispLoading("処理中...");

            $.ajax({
                    type : "GET",
                    url  : "../services",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    async : "true",
                    data : {"company_id" : company_id},
                    scriptCharset : "UTF-8",
                    dataType: 'json',
                    success: function(json){
                        var len = json.length;
                            for(var i=0; i < len; i++){
                                $("#service_id").append($("<option>").val(json[i].id).text(json[i].name));
                            }
                        },
                    error : function(msg, status){
                        alert('通信ができない状態です。');
                    },
            })
            .always( function(data) {
                // Lading 画像を消す
                removeLoading();
            });
        }
    }
    
    // ユーザーTEL入力後に顧客情報を取得する
    function getCustomer() {
        var tel = $("#tel1").val();

        if ($("#customer_name1").val() != '') return;
        
        // 初期値セット
        $("#customer_id").val('');
        $("#customer_code").val('');
        $("#customer_name1").val('');
        $("#customer_phonetic").val('');
        $("#customer_person").val('');
        $("#tel1").val('');
        $("#email").val('');
        $("#zipcode").val('');
        $("#pref").val('');
        $("#address1").val('');

        if (tel == "") {
            window.alert("電話番号を入力してください");
        } else {
            // 処理前に Loading 画像を表示
            dispLoading("処理中...");

            $.ajax({
                    type : "GET",
                    url  : "../customer",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    async : "true",
                    data : {"customer_tel" : tel},
                    scriptCharset : "UTF-8",
                    dataType: 'json',
                    success: function(json){
                        if (json.length > 0) {
                            $("#customer_id").val(json[0].id);
                            $("#customer_code").val(json[0].code);
                            $("#customer_name1").val(json[0].name1);
                            $("#customer_phonetic").val(json[0].name_phonetic);
                            $("#customer_person").val(json[0].person);
                            $("#tel1").val(json[0].tel1);
                            $("#email").val(json[0].email);
                            $("#zipcode").val(json[0].zipcode);
                            $("#pref").val(json[0].pref);
                            $("#address1").val(json[0].address1);
                        }
                    }, 
                    error : function(msg, status){
                        alert('データが取得できませんでした。');
                    },
            })
            .always( function(data) {
                // Lading 画像を消す
                removeLoading();
            });
        }
    }
    
</script>

<script Language="JavaScript">
    // 選択された店舗情報をセットする
    function setCustomers(id, code, name1, phonetic, person, tel1, zipcode, pref, address1) {
        document.getElementById("customer_id").value = id;
        document.getElementById("customer_code").value = code;
        document.getElementById("customer_name1").value = name1;
        document.getElementById("customer_phonetic").value = phonetic;
        document.getElementById("customer_person").value = person;
        document.getElementById("tel1").value = tel1;
        document.getElementById("zipcode").value = zipcode;
        document.getElementById("pref").value = pref;
        document.getElementById("address1").value = address1;

    }
</script>

<script Language="JavaScript">
    // 選択された定期交換部品情報をセットする
    function setRepair() {
        
        var code = document.getElementById("repair_code");

        if (code.value != "0") {
            document.getElementById("work_detail").value = code[code.selectedIndex].text;
        }
    }
</script>

<script>
  $(function() {
    $.datepicker.setDefaults({
        closeText: '閉じる',
        prevText: '<前',
        nextText: '次>',
        currentText: '今日',
        monthNames: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
        monthNamesShort: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
        dayNames: ['日曜日','月曜日','火曜日','水曜日','木曜日','金曜日','土曜日'],
        dayNamesShort: ['日','月','火','水','木','金','土'],
        dayNamesMin: ['日','月','火','水','木','金','土'],
        weekHeader: '週',
        dateFormat: 'yy/mm/dd',
        firstDay: 1,
        isRTL: false,
        showMonthAfterYear: true,
        yearSuffix: '年',
        changeYear: true,  // 年選択をプルダウン化
        changeMonth: true, // 月選択をプルダウン化
        showWeek: true,
        buttonImage: "{{ asset('css/images/calendar-icon.png') }}",
        buttonText : "カレンダーから選択",
        buttonImageOnly: true,
        showOn: "both",
    });
    
    $('#contract_ymd').datepicker({
        onSelect: function(dat,inst){
            var week=$.datepicker.iso8601Week(new Date(dat));
//            $('#contract_ymd').val($.datepicker.formatDate('yyyy/mm/dd',new Date(dat))+(week<10?'0':'')+week)
        },
        beforeShow: function() {
            setTimeout(function(){
                $('.ui-datepicker').css('z-index', 99999999999999);
	    }, 0);
	},
    });
    
    $('#deliver_ymd').datepicker({
        onSelect: function(dat,inst){
            var week=$.datepicker.iso8601Week(new Date(dat));
//            $('#deliver_ymd').val($.datepicker.formatDate('yyyy/mm/dd',new Date(dat))+(week<10?'0':'')+week)
        },
        beforeShow: function() {
            setTimeout(function(){
                $('.ui-datepicker').css('z-index', 99999999999999);
	    }, 0);
	},
    });
    
    $('#next_ymd').datepicker({
        onSelect: function(dat,inst){
            var week=$.datepicker.iso8601Week(new Date(dat));
//            $('#next_ymd').val($.datepicker.formatDate('yyyy/mm/dd',new Date(dat))+(week<10?'0':'')+week)
        },
        beforeShow: function() {
            setTimeout(function(){
                $('.ui-datepicker').css('z-index', 99999999999999);
	    }, 0);
	},
    });
    
    $('#accept_ymd').datepicker({
        onSelect: function(dat,inst){
            var week=$.datepicker.iso8601Week(new Date(dat));
//            $('#accept_ymd').val($.datepicker.formatDate('yyyy/mm/dd',new Date(dat))+(week<10?'0':'')+week)
        },
        beforeShow: function() {
            setTimeout(function(){
                $('.ui-datepicker').css('z-index', 99999999999999);
	    }, 0);
	},
    });
    
    $('#complete_ymd').datepicker({
        onSelect: function(dat,inst){
            var week=$.datepicker.iso8601Week(new Date(dat));
//            $('#complete_ymd').val($.datepicker.formatDate('yyyy/mm/dd',new Date(dat))+(week<10?'0':'')+week)
        },
        beforeShow: function() {
            setTimeout(function(){
                $('.ui-datepicker').css('z-index', 99999999999999);
	    }, 0);
	},
    });
    
    $('#work_ymd').datepicker({
        beforeShow: function() {
            setTimeout(function(){
                $('.ui-datepicker').css('z-index', 99999999999999);
	    }, 0);
	},
        onSelect:function(selected_date) {
            document.getElementById("accept_ymd").value = selected_date;
            document.getElementById("complete_ymd").value = selected_date;
            setNextYear();            
        },
    });    
});
</script>    

<script>
/* ------------------------------
 Loading イメージ表示関数
 引数： msg 画面に表示する文言
 ------------------------------ */
function dispLoading(msg){
    // 引数なし（メッセージなし）を許容
    if( msg == undefined ){
        msg = "";
    }
    
    // 画面表示メッセージ
    var dispMsg = "<div class='loadingMsg'>" + msg + "</div>";
    
    // ローディング画像が表示されていない場合のみ出力
    if($("#loading").length == 0){
        $("body").append("<div id='loading'>" + dispMsg + "</div>");
    }
}
 
/* ------------------------------
 Loading イメージ削除関数
 ------------------------------ */
function removeLoading(){
    $("#loading").remove();
}    
</script>

<style>
#loading {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.8;
}
 
#loading .loadingMsg {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 140px;
  background: url("/ICS/public/img/loading.png") center center no-repeat;
}
</style>

<script>
jQuery( document ).ready( function() {
    jQuery( '#createform' ).validationEngine();
    jQuery( '#submit_btn' ).click( function() {
        if ( ! $( '#createform' ).validationEngine( 'validate' ) ) {
            // validate失敗
        } else {
            document.form.submit();
        }
        return false;
    } );
} );
</script>

@endsection