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

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

<script type="text/javascript" src="{{ asset('js/ruleJS.all.full.js') }}"></script>

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

<div class="container">
    {{ Form::open(['url' => 'callaction/edit/' . $id, 'method' => 'POST', 'name' => 'form', 'id' => 'createform', 'files' => true]) }}
    <h5>修理対応情報</h5>
    <!-- データエリア -->
    {{-- 通知メッセージ --}}
    @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="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="8%" />
                    <col width="18%" />
                    <col width="8%" />
                    <col width="12%" />
                    <col width="8%" />
                    <col width="12%" />
                    <col width="8%" />
                    <col width="26%" />
                    
                    <tr>
                        <td>受付番号</td>
                        <td>{{ $data->id }}</td>
                        <td>受付日</td>
                        <td>{{ $data->accept_ymd }}</td>
                        <td>発生日</td>
                        <td>{{ $data->accrual_ymd }}</td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>電話元TEL</td>
                        <td>{{ $data->company_tel }}</td>
                        <td>電話元担当者</td>
                        <td>{{ $data->company_username }}</td>
                        <td>電話元名称</td>
                        <td>{{ $data->company_name }}</td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>ユーザーTEL</td>
                        <td>{{ $data->customer_tel }}</td>
                        <td>ユーザー担当者</td>
                        <td>{{ $data->customer_username }}</td>
                        <td>ユーザー名称</td>
                        <td>{{ $data->customer_name }}</td>
                        <td>ユーザー住所</td>
                        <td>
                            〒{{ $data->customer_zipcode }} 
                            {{ $data->customer_pref }}
                            {{ $data->customer_address1 }}
                            {{ $data->customer_address2 }}
                        </td>
                    </tr>
                    <tr>
                        <td>機種</td>
                        <td>{{ $data->item_model }}</td>
                        <td>機番</td>
                        <td>{{ $data->machine_no }}</td>
                        <td>納入日</td>
                        <td>{{ $data->deliver_ymd }}</td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>依頼内容</td>
                        <td colspan="7">{!! nl2br(e($data->request_info)) !!}</td>
                    </tr>
                    <tr>
                        <td>エラーコード</td>
                        <td>{{ $data->error_code }}</td>
                        <td>訪問希望日</td>
                        <td>{{ $data->visit_date }}</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>特記事項</td>
                        <td colspan="7">{!! nl2br(e($data->memo)) !!}</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="8%" />
                    <col width="12%" />
                    <col width="8%" />
                    <col width="12%" />
                    <col width="8%" />
                    <col width="12%" />
                    <col width="8%" />
                    <col width="32%" />
                    
                    <tr>
                        <td>{{ Form::label("work_ymd","作業日",["class"=>"control-label btn"]) }}</td>
                        <td>{{ Form::text("work_ymd", date('Y/m/d'), ["class"=>"form-control validate[required]", "id"=>"work_ymd", "style"=>"width:120px"]) }}</td>
                        <td>{{ Form::label("service_username","作業者名",["class"=>"control-label btn"]) }}</td>
                        <td>{{ Form::text("service_username", '', ["class"=>"form-control", "id"=>"service_username"]) }}</td>
                        <td>{{ Form::label("respond_div","作業内容",["class"=>"control-label btn"]) }}</td>
                        <td>{{ Form::select('respond_div', $respond_datas, $data->status, ['class' => 'form-control validate[required]', 'id' => 'respond_div']) }}</td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>{{ Form::label("maintenance_place","引上修理場所",["class"=>"control-label btn"]) }}</td>
                        <td>{{ Form::text("maintenance_place", '', ["class"=>"form-control", "id"=>"maintenance_place"]) }}</td>
                        <td>{{ Form::label("maintenance_ymd","引上修理完了",["class"=>"control-label btn"]) }}</td>
                        <td>{{ Form::text("maintenance_ymd", '', ["class"=>"form-control", "id"=>"maintenance_ymd", "style"=>"width:120px"]) }}</td>
                        <td>{{ Form::label("complete_ymd","修理完了日",["class"=>"control-label btn"]) }}</td>
                        <td>{{ Form::text("complete_ymd", '', ["class"=>"form-control", "id"=>"complete_ymd", "style"=>"width:120px"]) }}</td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>{{ Form::label("memo","特記事項",["class"=>"control-label btn"]) }}</td>
                        <td colspan="7">{{ Form::textarea("memo", '', ["class"=>"form-control", "id"=>"memo", 'rows' => '4']) }}</td>
                    </tr>
                </table>
                
                {{ Form::hidden("center_id", $data->id, ["id"=>"center_id"]) }}
                {{ Form::hidden("status", $data->status, ["id"=>"status"]) }}
                {{ Form::hidden("machine_id", $data->machine_id, ["id"=>"machine_id"]) }}
                {{ Form::hidden("accept_ymd", $data->accept_ymd, ["id"=>"accept_ymd"]) }}
                {{ Form::hidden("reception_name", $data->reception_name, ["id"=>"reception_name"]) }}

                @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/callcenter/index'"]) }}
                @endif

                {{ Form::close() }}
            </div><!-- /.panel-body -->
        </div><!-- /.panel panel-default -->
    </div><!-- /.col-md-12 -->
    <!-- /.データエリア -->

    @if (count($history_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">
                    <col width="8%" />
                    <col width="8%" />
                    <col width="8%" />
                    <col width="8%" />
                    <col width="8%" />
                    <col width="8%" />
                    <col width="8%" />
                    <col width="12%" />
                    <col width="8%" />
                    <col width="8%" />
                    <col width="8%" />
                    <col width="8%" />
                    
                    @foreach($history_datas as $hdata)
                    <tr>
                        <td>{{ Form::label("work_ymd","作業日",["class"=>"control-label btn"]) }}</td>
                        <td style="vertical-align: middle">{{ $hdata->work_ymd }}</td>
                        <td>{{ Form::label("service_username","作業者名",["class"=>"control-label btn"]) }}</td>
                        <td style="vertical-align: middle">{{ $hdata->service_username }}</td>
                        <td>{{ Form::label("respond_div","作業内容",["class"=>"control-label btn"]) }}</td>
                        <td style="vertical-align: middle">{{ $hdata->status_name }}</td>
                        <td>{{ Form::label("maintenance_place","引上修理場所",["class"=>"control-label btn"]) }}</td>
                        <td style="vertical-align: middle">{{ $hdata->maintenance_place }}</td>
                        <td>{{ Form::label("maintenance_ymd","引上修理完了",["class"=>"control-label btn"]) }}</td>
                        <td style="vertical-align: middle">{{ $hdata->maintenance_ymd }}</td>
                        <td>{{ Form::label("complete_ymd","修理完了日",["class"=>"control-label btn"]) }}</td>
                        <td style="vertical-align: middle">{{ $hdata->complete_ymd }}</td>
                    </tr>
                    <tr>
                        <td>{{ Form::label("memo","特記事項",["class"=>"control-label btn"]) }}</td>
                        <td style="vertical-align: middle" colspan="11">{{ $hdata->memo }}</td>
                    </tr>
                    @endforeach
                    
                </table>
                
            </div><!-- /.panel-body -->
        </div><!-- /.panel panel-default -->
    </div><!-- /.col-md-12 -->
    @endif
    <!-- /.データエリア -->
</div>
    
<script Language="JavaScript">
  $(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",
    });
    
    $('#work_ymd').datepicker({
        beforeShow: function() {
            setTimeout(function(){
                $('.ui-datepicker').css('z-index', 99999999999999);
	    }, 0);
	},
    });
    $('#maintenance_ymd').datepicker({
        beforeShow: function() {
            setTimeout(function(){
                $('.ui-datepicker').css('z-index', 99999999999999);
	    }, 0);
	},
    });
    $('#complete_ymd').datepicker({
        beforeShow: function() {
            setTimeout(function(){
                $('.ui-datepicker').css('z-index', 99999999999999);
	    }, 0);
	},
    });
});
</script>    

<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