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

<div class="container">
    {{ Form::open(['url' => 'mainte/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>
            
            @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 $message)
                            <li>{!! $message !!}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <div class="panel-body collapse in" id="collapseOne">
                <div class="search">
                    <table class="table">
                        <col width="8%" />
                        <col width="17%" />
                        <col width="8%" />
                        <col width="17%" />
                        <col width="8%" />
                        <col width="17%" />
                        <col width="8%" />
                        <col width="17%" />
                        <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']) }}</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%;']) }}
                            </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
                            
                            <td></td>
                            <td></td>
                        </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>
                            <td>{{ Form::label("pref","都道府県",["class"=>"control-label btn"]) }}</td>
                            <td>{{ Form::select('pref', $prefs, "", ['class' => 'form-control', 'id' => 'pref']) }}</td>
                        </tr>
                    </table>

                    {{ Form::submit(" 検索 ", ["class"=>"btn btn-success", "onClick" => "search();"]) }}
                    {{ Form::submit("CSVダウンロード ", ["class" => "btn btn-warning csv", "onClick" => "download_CSV();"]) }}
                    {{ Form::button("新規登録", ["class" => "btn btn-info", "onClick" => "location.href='/ICS/public/premainte/create'"]) }}　
                    {{ Form::hidden("download", "", ["class"=>"form-control", "id"=>"download"]) }}
                    {{ Form::hidden("save", "", ["class"=>"form-control", "id"=>"save"]) }}
                </div><!-- /.search -->
            </div><!-- /.panel-body -->
        </div><!-- /.panel panel-default -->
    </div><!-- /.col-md-12 -->


    <!-- データエリア -->
    @if (count($datas) > 0)
    <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

            {{ Form::button(" 全選択 ", ['class'=>'btn', 'id'=>'btnChkOn', 'onClick'=>'ChangeCheck(1)']) }}
            {{ Form::button("全選択解除", ['class'=>'btn', 'id'=>'btnChkOff', 'onClick'=>'ChangeCheck(0)']) }}

            {{ Form::submit("本登録", ['class'=>'btn btn-success', 'id'=>'btnSave', 'onClick'=>'store()']) }}
            <div class="panel-body">

                <table class="table table-bordered">
                    <tr bgcolor="#F2F2F2">
                        <th rowspan="5"></th>
                        <th nowrap>顧客番号</th>
                        <th nowrap>機番</th>
                        <th nowrap>機種</th>
                        <th nowrap>顧客名</th>
                        <th nowrap>顧客担当者</th>
                        <th nowrap>電話番号</th>
                        <th nowrap>郵便番号</th>
                        <th nowrap>住所</th>
                    </tr>
                    <tr bgcolor="#F2F2F2">
                        <th nowrap>担当支店</th>
                        <th nowrap>納入担当者</th>
                        <th nowrap>納入日</th>
                        <th nowrap>ディーラー</th>
                        <th nowrap>担当者</th>
                        <th nowrap>サービス業者</th>
                        <th nowrap>サービス担当者</th>
                        <th nowrap>点検契約</th>
                    </tr>
                    <tr bgcolor="#F2F2F2">
                        <th nowrap>次回点検予定日</th>
                        <th nowrap>契約日</th>
                        <th nowrap>受付日</th>
                        <th nowrap>受付者</th>
                        <th nowrap>完了日</th>
                        <th nowrap>メンテ項目</th>
                        <th nowrap colspan="2">エラー内容</th>
                    </tr>
                    <tr bgcolor="#F2F2F2">
                        <th nowrap colspan="3">修理内容</th>
                        <th nowrap>作業日</th>
                        <th nowrap>作業者</th>
                        <th nowrap>交換部品</th>
                        <th nowrap>Pro.Ver.</th>
                        <th nowrap>定期点検</th>
                    </tr>
                    <tr bgcolor="#F2F2F2">
                        <th nowrap colspan="4">作業特記</th>
                        <th nowrap colspan="4">添付ファイル</th>
                    </tr>

                                        @foreach($datas as $data)
                        
                    
                    <tr bgcolor="{{ $bgcolor }}">
                        <td rowspan="5" style="vertical-align: middle;text-align: center">
                            <a href="{{ url('/mainte/update/' . $data->maintenance_id) }}" role="button">{!! Form::button(" 詳細 ", ["class"=>"btn"]) !!}</a><br /><br />
                            {{ Form::checkbox('datatype[]', $data->maintenance_id, 0, ['class' => 'for-control', 'id'=>'datatype']) }}
                        </td>
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->customer_id }}</td>        <!-- 顧客番号 --> 
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->machine_no }}</td>         <!-- 機番 --> 
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->itemmodel }}</td>          <!-- 機種 -->
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->customer_name1 }}</td>     <!-- 顧客名 -->
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->customer_person }}</td>    <!-- 顧客担当者 -->
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->tel1 }}</td>               <!-- 電話番号 -->
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->zipcode }}</td>            <!-- 郵便番号 -->
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->prefname . $data->address1 . $data->address2 }}</td>  <!-- 住所 -->
                    </tr>
                    <tr bgcolor="{{ $bgcolor }}">
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->branchname }}</td>         <!-- 担当支店 -->
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->deliver_person }}</td>     <!-- 納入担当者 -->
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->deliver_ymd }}</td>        <!-- 納入日 -->
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->dealer_name }}</td>        <!-- ディーラー -->
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->dealer_person }}</td>      <!-- 担当者 -->
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->servicename }}</td>        <!-- サービス業者 -->
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->service_person }}</td>     <!-- サービス担当者 --> 
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->contractname }}&nbsp;</td>    <!-- 点検契約 -->
                    </tr>
                    <tr bgcolor="{{ $bgcolor }}">
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->next_ymd }}</td>           <!-- 次回点検予定日 -->
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->contract_ymd }}</td>       <!-- 契約日 -->	
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->divname }}</td>            <!-- メンテ項目 -->
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->accept_ymd }}</td>         <!-- 受付日 -->  
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->accept_person }}</td>      <!-- 受付者 --> 
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->complete_ymd }}</td>       <!-- 完了日 -->
                        <td nowrap style="vertical-align: middle;text-align: left" colspan="2">{{ $data->errorcode1 }}&nbsp;{{ $data->errorcode2 }}</td>   <!-- エラー内容 -->
                    </tr>
                    <tr bgcolor="{{ $bgcolor }}">
                        <td nowrap style="vertical-align: middle;text-align: left" colspan="3">{{ $data->work_detail }}</td>        <!-- 修理内容 -->
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->work_ymd }}</td>           <!-- 作業日 --> 
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->work_person }}</td>        <!-- 作業者 -->
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->exchangeparts }}</td>      <!-- 交換部品 -->	
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->prover }}</td>             <!-- Pro.Ver. -->
                        <td nowrap style="vertical-align: middle;text-align: left">{{ $data->flgname }}</td>            <!-- 定期点検 -->
                    </tr>
                    <tr bgcolor="{{ $bgcolor }}">
                        <td style="vertical-align: middle;text-align: left" colspan="4">{{ $data->description }}&nbsp;</td>          <!-- 作業特記 -->
                        <td style="vertical-align: middle;text-align: left" colspan="4">    <!-- 添付書類 -->
                            <a href="{{ url('storage/premainte/' . $data->filepath1) }}" target="_blank">{{ $data->filename1 }}</a>　
                            <a href="{{ url('storage/premainte/' . $data->filepath2) }}" target="_blank">{{ $data->filename2 }}</a>　
                            <a href="{{ url('storage/premainte/' . $data->filepath3) }}" target="_blank">{{ $data->filename3 }}</a>
                            &nbsp;
                        </td>
                    </tr>
                    @endforeach
                </table>

            </div><!-- /.panel-body -->
            {{ Form::button(" 全選択 ", ['class'=>'btn', 'id'=>'btnChkOn', 'onClick'=>'ChangeCheck(1)']) }}
            {{ Form::button("全選択解除", ['class'=>'btn', 'id'=>'btnChkOff', 'onClick'=>'ChangeCheck(0)']) }}
            {{ Form::submit("本登録", ['class'=>'btn btn-success', 'id'=>'btnSave', 'onClick'=>'store()']) }}

        </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
    <!-- /.データエリア -->
    {{ Form::close() }}
</div>
    
<script Language="JavaScript">
    function makeList_Item() {
        $('select#item_id').children().remove();
        $("#item_id").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();
            });
        }
    }
</script>

<script Language="JavaScript">
    function makeList_Company() {
        $('select#itemcategory').children().remove();
        $("#itemcategory").append($("<option>").val("-1").text("製品分類を選択してください"));

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

        if (company_id == "-1") company_id = 0;
        
        // 処理前に Loading 画像を表示
        dispLoading("処理中...");

        $.ajax({
                type : "GET",
                url  : "company",
                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++){
                            $("#itemcategory").append($("<option>").val(json[i].id).text(json[i].namek));
                        }
                    },
                error : function(msg, status){
                    alert('通信ができない状態です。');
                },
        })
        .always( function(data) {
            // Lading 画像を消す
            removeLoading();
        });
    }
</script>

<script Language="JavaScript">
    /* 全チェックボックスのONOFF切替 */
    function ChangeCheck(mode){
        for(var i = 0; i < searchform.length; i++){
            var obj = searchform.elements[i];
            if(obj.type == "checkbox"){
            obj.checked = mode;
        }
      }
    }    
</script>
<script Language="JavaScript">
    // 検索ボタン押下時
    function search() {
        document.getElementById("download").value = 0;
        document.getElementById("save").value = 0;
    }
    // CSVダウンロードフラグセット
    function download_CSV() {
        document.getElementById("download").value = 1;
        document.getElementById("save").value = 0;
    }
    // 更新フラグセット
    function store() {
        if(confirm("本登録します。よろしいですか。")){
            document.getElementById("download").value = 0;
            document.getElementById("save").value = 1;
        }
    }

$(document).ready(function(){
    $(".clearForm").bind("click", function(){
        $(this.form).find("textarea, :text, radio, checkbox").val("").end().find(":checked").prop("checked", false);
        $('select#item_id').children().remove();
        $("#item_id").append($("<option>").val("-1").text("製品型式を選択してください"));
    });
});
</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