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

<div class="container">
    {!! Form::open(['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="23%" />
                        <col width="8%" />
                        <col width="30%" />
                        <col width="8%" />
                        <col width="23%" />
                        <tr>
                            <td>{{ Form::label("name1","顧客名",["class"=>"control-label btn"]) }}</td>
                            <td>{{ Form::text("name1", $request->name1 , ["class"=>"form-control", "id"=>"name1"]) }}</td>
                            <td>{{ Form::label("name_phonetic","顧客名（カナ）",["class"=>"control-label btn"]) }}</td>
                            <td>{{ Form::text("name_phonetic", $request->name_phonetic, ["class"=>"form-control", "id"=>"name_phonetic"]) }}</td>
                            <td>{{ Form::label("tel1","電話番号",["class"=>"control-label btn"]) }}</td>
                            <td>{{ Form::text("tel1", $request->tel1, ["class"=>"form-control", "id"=>"tel1"]) }}</td>
                        </tr>
                    </table>

                    {{ Form::submit(" 検索 ", ["class"=>"btn btn-success", "onClick" => "search();"]) }}
                    {{ Form::button("クリア", ["class"=>"btn btn-default clearForm"]) }}
                    {{ Form::button("閉じる", ["class" => "btn btn-info", "onClick" => "javascript:window.close();"]) }}　
                </div><!-- /.search -->
            </div><!-- /.panel-body -->
        </div><!-- /.panel panel-default -->
    </div><!-- /.col-md-12 -->
    {!! Form::close() !!}

    <!-- データエリア -->
    @if ($_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>
                    <table class="table">
                    <col width="5%">
                    <col width="5%">
                    <col width="15%">
                    <col width="15%">
                    <col width="10%">
                    <col width="10%">
                    <col width="30%">
                    <col width="10%">
                    <tr>
                        <th></th>
                        <th>コード</th>
                        <th>名称（カナ）</th>
                        <th>名称</th>
                        <th>担当者</th>
                        <th>郵便番号</th>
                        <th>住所</th>
                        <th>TEL</th>
                    </tr>
                            
                    @foreach ($datas as $data)
                    <tr>
                        <td>{{ Form::button("セット", ["class"=>"btn btn-default", "onClick"=>"setCustomers('$data->id', '$data->code', '$data->name1', '$data->name_phonetic', '$data->person', '$data->tel1', '$data->zipcode', '$data->pref', '$data->address1');window.close();"]) }}</td>
                        <td>{{$data->code}}</td>
                        <td>{{$data->name_phonetic}}</td>
                        <td>{{$data->name1}} {{$data->name2}}</td>
                        <td>{{$data->person}}</td>
                        <td>{{$data->zipcode}}</td>
                        <td>{{$data->pref_name}}{{$data->address1}}{{$data->address2}}</td>
                        <td>{{$data->tel1}}</td>
                    </tr>
                    @endforeach                            
                </table>
            </div><!-- /.panel-body -->
        </div><!-- /.panel panel-default -->
    </div><!-- /.col-md-12 -->
    @endif
    <!-- /.データエリア -->
</div>

<script Language="JavaScript">
    // 検索ボタン押下時
    function search() {
        document.getElementById("download").value = 0;
    }

    // クリアボタン押下時
    $(document).ready(function(){
        $(".clearForm").bind("click", function(){
            $(this.form).find("textarea, :text, radio, checkbox").val("").end().find(":checked").prop("checked", false);
            $(this.form).find("select").val("0").end();
            makeList_Item();
        });
    });
</script>

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