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

<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') }}">

<div class="container">
    {{ Form::open(['url' => 'inquiry/index', 'method' => 'POST', 'name' => 'form', 'id' => 'searchform']) }}
    <h5>作業管理</h5>
    <div class="col-md-12" id="accordion">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">検索条件</a></h3>
            </div>

            <div class="panel-body collapse in" id="collapseOne">
                <div class="search">
                    <table class="table">
                        <col width="8%" />
                        <col width="23%" />
                        <col width="8%" />
                        <col width="30%" />
                        <col width="8%" />
                        <col width="23%" />
                        <tr>

                            @if ($company_id == 0)
                            <td>{{ Form::label("company_id","得意先設定",["class"=>"control-label btn"]) }}</td>
                            <td>{{ Form::select('company_id', $company, '', ['class' => 'form-control', 'id' => 'company_id', 'onChange' => 'makeList_Branch()']) }}</td>
                            @endif
                            
                            <td>{{ Form::label("machine","機種",["class"=>"control-label btn"]) }}</td>
                            <td>
                                {{ Form::select('itemcategory', $itemcat, $request->itemcategory, ['class' => 'form-control', 'id' => 'itemcategory', 'style' => 'width:49%;', 'onChange' => 'makeList_Item()']) }}
                                {{ Form::select('item_id', $items, $request->item_id, ['class' => 'form-control', 'id' => 'item_id', 'style' => 'width:49%;', 'onChange' => 'makeList_ItemOption()']) }}
                            </td>
                            <td>{{ Form::label("machine_no","機番",["class"=>"control-label btn"]) }}</td>
                            <td>{{ Form::text("machine_no", $request->machine_no, ["class"=>"form-control", "id"=>"machine_no"]) }}</td>

                            @if ($company_id <> 0)
                            <td>{{ Form::hidden("company_id", $company_id) }}</td>
                            <td></td>
                            @endif
                        </tr>
                        <tr>
                            <td>{{ Form::label("customer_name","顧客名",["class"=>"control-label btn"]) }}</td>
                            <td>{{ Form::text("customer_name", $request->customer_name , ["class"=>"form-control", "id"=>"customer_name"]) }}</td>
                            <td>{{ Form::label("customer_namek","顧客名（カナ）",["class"=>"control-label btn"]) }}</td>
                            <td>{{ Form::text("customer_namek", $request->customer_namek, ["class"=>"form-control", "id"=>"customer_namek"]) }}</td>
                            <td>{{ Form::label("tel","電話番号",["class"=>"control-label btn"]) }}</td>
                            <td>{{ Form::text("tel", $request->tel, ["class"=>"form-control", "id"=>"tel"]) }}</td>
                        </tr>
                        <tr>
                            <td>{{ Form::label("pref","都道府県",["class"=>"control-label btn"]) }}</td>
                            <td>{{ Form::select('pref', $prefs, "", ['class' => 'form-control', 'id' => 'pref']) }}</td>
                            <td>{{ Form::label("branch_id","支店名",["class"=>"control-label btn"]) }}</td>
                            <td>{{ Form::select('branch_id', $branchs, "",['class' => 'form-control', 'id' => 'branch_id']) }}</td>
                            <td>{{ Form::label("contract_type","点検契約",["class"=>"control-label btn"]) }}</td>
                            <td>{{ Form::select('contract_type', $contracts, "",['class' => 'form-control', 'id' => 'contract_type']) }}</td>
                        </tr>
                        <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("error_code1","エラー内容",["class"=>"control-label btn"]) }}</td>
                            <td>{{ Form::select('error_code1', $error_codes, '', ['class' => 'form-control', 'id' => 'error_code1']) }}</td>
                            <td>{{ Form::label("next_ymd1","次回点検予定日",["class"=>"control-label btn"]) }}</td>
                            <td>
                                {{ Form::text('next_ymd1', '', ["class"=>"form-control", "id"=>"next_ymd1", "style"=>"width:30%"]) }}～
                                {{ Form::text('next_ymd2', '', ["class"=>"form-control", "id"=>"next_ymd2", "style"=>"width:30%"]) }}
                            </td>
                        </tr>
                    </table>

                    {{ Form::submit(" 検索 ", ["class"=>"btn btn-success", "onClick" => "search();"]) }}
                    @foreach($userfunc as $func)
                        @if ($func->funcurl == '/inquiry/download')
                        {{ Form::submit("CSVダウンロード ", ["class" => "btn btn-warning csv", "onClick" => "download_CSV();"]) }}
                        @endif
                    @endforeach
                    {{ Form::hidden("download", "", ["class"=>"form-control", "id"=>"download"]) }}
                </div><!-- /.search -->
            </div><!-- /.panel-body -->
        </div><!-- /.panel panel-default -->
    </div><!-- /.col-md-12 -->
    {!! Form::close() !!}


    <!-- データエリア -->
    @if (count($datas) > 0)
    <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 table-bordered">
                    <col width='5%'>    <!-- Button -->
                    <col width='5%'>    <!-- 機番 -->
                    <col width='5%'>    <!-- 製品型式 -->
                    <col width='12%'>   <!-- 顧客名 -->
                    <col width='11%'>   <!-- 顧客名(カナ) -->
                    <col width='5%'>    <!-- 電話番号 -->
                    <col width='5%'>    <!-- E-Mail -->
                    <col width='5%'>    <!-- 郵便番号 -->
                    <col width='15%'>   <!-- 住所 -->
                    <col width='7%'>    <!-- 担当支店 -->
                    <col width='5%'>    <!-- 納入日 -->
                    <col width='5%'>    <!-- 受付日 -->
                    <col width='5%'>    <!-- 作業者 -->
                    <col width='5%'>    <!-- 作業日 -->
                    <col width='5%'>    <!-- 完了日 -->

                    <tr bgcolor="#F2F2F2">
                        <th style="vertical-align: middle" rowspan="2"></th>
                        <th style="vertical-align: middle" nowrap>機番</th>
                        <th style="vertical-align: middle" nowrap>製品型式</th>
                        <th style="vertical-align: middle" nowrap>顧客名</th>
                        <th style="vertical-align: middle" nowrap>顧客名(カナ)</th>
                        <th style="vertical-align: middle" nowrap>電話番号</th>
                        <th style="vertical-align: middle" nowrap>E-Mail</th>
                        <th style="vertical-align: middle" nowrap>郵便番号</th>
                        <th style="vertical-align: middle" nowrap>住所</th>
                        <th style="vertical-align: middle" nowrap>担当支店</th>
                        <th style="vertical-align: middle" nowrap>納入日</th>
                        <th style="vertical-align: middle" nowrap>受付日</th>
                        <th style="vertical-align: middle" nowrap>作業日</th>
                        <th style="vertical-align: middle" nowrap>作業者</th>
                        <th style="vertical-align: middle" nowrap>完了日</th>
                    </tr>
                    <tr bgcolor="#F2F2F2">
                        <th style="vertical-align: middle" colspan="3">エラー内容</th>
                        <th style="vertical-align: middle" colspan="3">修理内容</th>
                        <th style="vertical-align: middle" colspan="3">作業特記</th>
                        <th style="vertical-align: middle" colspan="5">お客様コメント</th>
                    </tr>

                                        @foreach($datas as $data)
                                            <tr bgcolor="{{ $bgcolor }}">
                        <td style="vertical-align: middle" rowspan="2">
                            <a href="{{ url('/inquiry/showdetail/' . $data->machine_id) }}" role="button" target="_blank">
                            {!! Form::button(" 詳細 ", ["class"=>"btn"]) !!}
                            </a> 
                        </td>
                        <td style="vertical-align: middle" nowrap>{{ $data->machine_no }}</td>
                        <td style="vertical-align: middle" nowrap>{{ $data->itemmodel }}</td>
                        <td style="vertical-align: middle" nowrap>{{ $data->custname }}</td>
                        <td style="vertical-align: middle" nowrap>{{ $data->name_phonetic }}</td>
                        <td style="vertical-align: middle" nowrap>{{ $data->tel1 }}</td>
                        <td style="vertical-align: middle" nowrap>{{ $data->email }}</td>
                        <td style="vertical-align: middle" nowrap>{{ $data->zipcode }}</td>
                        <td style="vertical-align: middle" nowrap>{{ $data->prefname . $data->address }}</td>
                        <td style="vertical-align: middle" nowrap>{{ $data->branchname }}</td>
                        <td style="vertical-align: middle" nowrap>{{ $data->deliver_ymd }}</td>
                        <td style="vertical-align: middle" nowrap>{{ $data->accept_ymd }}</td>
                        <td style="vertical-align: middle" nowrap>{{ $data->work_ymd }}</td>
                        <td style="vertical-align: middle" nowrap>{{ $data->work_person }}</td>
                        <td style="vertical-align: middle" nowrap>{{ $data->complete_ymd }}</td>
                    </tr>
                    <tr bgcolor="{{ $bgcolor }}">
                        <td style="vertical-align: middle" colspan="3">{{ $data->error_name1 . " " . $data->error_name2 }}</td>
                        <td style="vertical-align: middle" colspan="3">{{ $data->work_detail }}&nbsp;</td>
                        <td style="vertical-align: middle" colspan="3">{{ $data->description }}&nbsp;</td>
                        <td style="vertical-align: middle" colspan="5">{{ $data->comment }}&nbsp;</td>
                    </tr>
                    @endforeach
                </table>
                
                <div align="right">
                    {!! $datas->appends(['itemcategory'=>$request->itemcategory,
                                         'company_id'=>$request->company_id,
                                         'itemcategory'=>$request->itemcategory,
                                         'item_id'=>$request->item_id,
                                         'machine_no'=>$request->machine_no,
                                         'customer_name'=>$request->customer_name,
                                         'customer_namek'=>$request->customer_namek,
                                         'tel'=>$request->tel,
                                         'pref'=>$request->pref,
                                         'branch_id'=>$request->branch_id,
                                         'contract_type'=>$request->contract_type,
                                         'mainte_div'=>$request->mainte_div,
                                         'error_code1'=>$request->error_code1,
                                         'next_ymd1'=>$request->next_ymd1,
                                         'next_ymd2'=>$request->next_ymd2])->render() !!}
                </div>

            </div><!-- /.panel-body -->
        </div><!-- /.panel panel-default -->
    </div><!-- /.col-md-12 -->
    <!-- /.データエリア -->
    
    @elseif (count($datas) == 0 and $_SERVER["REQUEST_METHOD"] == "POST" )
    <!-- データエリア -->
    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">検索結果</h3>
            </div>
            <div class="panel-body">
                対象となるデータがありません
            </div><!-- /.panel-body -->
        </div><!-- /.panel panel-default -->
    </div><!-- /.col-md-12 -->
    @endif
</div>
    
<script Language="JavaScript">
    function makeList_Item() {
        $('select#item_id').children().remove();
        $('select#error_code1').children().remove();
        $('select#error_code2').children().remove();
        $('select#contract_type').children().remove();
        $('select#mainte_div').children().remove();
        $("#item_id").append($("<option>").val("-1").text("製品型式を選択してください"));
        $("#error_code1").append($("<option>").val("-1").text("◆エラー内容を選択◆"));
        $("#error_code2").append($("<option>").val("-1").text("◆エラー内容を選択◆"));
        $("#contract_type").append($("<option>").val("-1").text("◆点検契約を選択◆"));
        $("#mainte_div").append($("<option>").val("-1").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#error_code1').children().remove();
        $('select#error_code2').children().remove();
        $('select#contract_type').children().remove();
        $('select#mainte_div').children().remove();
        $("#error_code1").append($("<option>").val("-1").text("◆エラー内容を選択◆"));
        $("#error_code2").append($("<option>").val("-1").text("◆エラー内容を選択◆"));
        $("#contract_type").append($("<option>").val("-1").text("◆点検契約を選択◆"));
        $("#mainte_div").append($("<option>").val("-1").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 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_Branch() {
        $('select#branch_id').children().remove();
        $("#branch_id").append($("<option>").val("-1").text("◆支店を選択◆"));

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

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

            $.ajax({
                    type : "GET",
                    url  : "branch",
                    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();
            });
        }
    }

</script>

<script Language="JavaScript">
    // 検索ボタン押下時
    function search() {
        document.getElementById("download").value = 0;
    }
    // CSVダウンロードフラグセット
    function download_CSV() {
        document.getElementById("download").value = 1;
    }

$(document).ready(function(){
    $(".clearForm").bind("click", function(){
        $(this.form).find("textarea, :text, radio, checkbox").val("").end().find(":checked").prop("checked", false);
        $('select#error_code1').children().remove();
        $('select#error_code2').children().remove();
        $('select#contract_type').children().remove();
        $('select#mainte_div').children().remove();
        $("#item_id").val("-1").end;
        $("#error_code1").append($("<option>").val("-1").text("◆エラー内容を選択◆"));
        $("#error_code2").append($("<option>").val("-1").text("◆エラー内容を選択◆"));
        $("#contract_type").append($("<option>").val("-1").text("◆点検契約を選択◆"));
        $("#mainte_div").append($("<option>").val("-1").text("◆メンテ項目を選択◆"));
        $("#branch_id").val("-1").end;
        $("#pref").val("-1").end;
//        $(this.form).find("select").val("-1").end();
    });
});
</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",
    });
    
    $('#next_ymd1').datepicker({
        onSelect: function(dat,inst){
            var week=$.datepicker.iso8601Week(new Date(dat));
//            $('#next_ymd1').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_ymd2').datepicker({
        onSelect: function(dat,inst){
            var week=$.datepicker.iso8601Week(new Date(dat));
//            $('#next_ymd2').val($.datepicker.formatDate('yyyy/mm/dd',new Date(dat))+(week<10?'0':'')+week)
        },
        beforeShow: function() {
            setTimeout(function(){
                $('.ui-datepicker').css('z-index', 99999999999999);
	    }, 0);
	},
    });
});
</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>
    
@endsection