@extends('layouts.main')

@section('content')
<!-- Resources -->
<script src="{{ asset('js/amcharts4/core.js') }}"></script>
<script src="{{ asset('js/amcharts4/charts.js') }}"></script>
<script src="{{ asset('js/amcharts4/themes/animated.js') }}"></script>

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

<style>
    @media screen and (max-width: 768px) {
        td, th {
            width:100%;
            display:block;
        }
    }
</style>   

<div class="container">
    <!-- 検索エリア -->
    {{ Form::open(['url' => 'cloudfund/compsearch', 'method' => 'POST', 'name' => 'form', 'id' => 'searchform']) }}
    <div class="row">
        <h5>不動産クラウドファンディングデータ検索</h5>
        <div class="col-md-12" id="accordion">
            <div class="panel panel-default">
                <div class="panel-heading"><a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">検索条件</a></div>

                <div class="panel-body collapse in" id="collapseOne">
                    <table class="table">
                        <col width="5%" />
                        <col width="15%" />
                        <col width="5%" />
                        <col width="15%" />
                        <col width="5%" />
                        <col width="15%" />
                        <col width="5%" />
                        <col width="15%" />
                        <col width="5%" />
                        <col width="15%" />
                        <tr>
                            <td nowrap>{{ Form::label("itemname", "ファンド名" ,["class"=>"control-label btn"]) }}</td>
                            <td>{{ Form::text("itemname", $request->itemname, ["class"=>"form-control", "id"=>"itemname"]) }}</td>

                            <td nowrap>{{ Form::label("compname", "会社名" ,["class"=>"control-label btn"]) }}</td>
                            <td>{{ Form::text("compname", $request->compname, ["class"=>"form-control", "id"=>"compname"]) }}</td>

                            <td nowrap>{{ Form::label("pref", "立地都道府県" ,["class"=>"control-label btn"]) }}</td>
                            <td>{{ Form::select('pref', $data_pref,  $request->pref, ['class'=>'form-control', 'style'=>'width:150px', 'id'=>'pref']) }}</td>

                            <td nowrap></td>
                            <td></td>

                            <td nowrap></td>
                            <td></td>

                        </tr>
                        <tr>
                            <td nowrap>{{ Form::label("assume_share_rate", "利回り" ,["class"=>"control-label btn"]) }}</td>
                            <td>{{ Form::text("assume_share_rate", $request->assume_share_rate, ["class"=>"form-control", "id"=>"assume_share_rate"]) }}</td>

                            <td nowrap>{{ Form::label("invest_unit_one", "出資単位" ,["class"=>"control-label btn"]) }}</td>
                            <td>{{ Form::text("invest_unit_one", $request->invest_unit_one, ["class"=>"form-control", "id"=>"invest_unit_one"]) }}</td>

                            <td nowrap>{{ Form::label("invest_unit_total", "出資総額" ,["class"=>"control-label btn"]) }}</td>
                            <td>{{ Form::text("invest_unit_total", $request->invest_unit_total, ["class"=>"form-control", "id"=>"invest_unit_total"]) }}</td>

                            <td nowrap>{{ Form::label("operation_mode", "運用状態" ,["class"=>"control-label btn"]) }}</td>
                            <td colspan="3">
                                {{ Form::checkbox('recruit_before',  1, @in_array( 1, $request->recruit_before), ['id'=> 'recruit_before']) }}  {{ Form::label( 'recruit_before', '募集開始前', ["class"=>"control-label"]) }}　
                                {{ Form::checkbox('recruit_now',     1, @in_array( 1, $request->recruit_now), ['id'=> 'recruit_now']) }}        {{ Form::label( 'recruit_now', '募集中', ["class"=>"control-label"]) }}　
                                {{ Form::checkbox('operation_now',   1, @in_array( 1, $request->operation_now), ['id'=> 'operation_now']) }}    {{ Form::label( 'operation_now', '運用中', ["class"=>"control-label"]) }}　                                
                                {{ Form::checkbox('end_maturity',    1, @in_array( 1, $request->end_maturity), ['id'=> 'end_maturity']) }}      {{ Form::label( 'end_maturity', '満期終了', ["class"=>"control-label"]) }}　                                
                            </td>

                        </tr>
                    </table>

                    {{ Form::submit(" 検索 ", ["class"=>"btn btn-success", "onClick" => "submitProcess(0);"]) }}
                    {{ Form::hidden("download", "", ["class"=>"form-control", "id"=>"download"]) }}
                    {{ Form::button("クリア", ["class"=>"btn btn-default clearForm"]) }}
                        
                </div><!-- /.panel-body -->
            </div><!-- /.panel panel-default -->
        </div><!-- /.col-md-12 -->
    </div><!-- /.row -->
    {!! Form::close() !!}
    <!-- ./検索エリア -->

    @if (count($datas) > 0)
    <!-- データエリア -->
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">検索結果</div>
                
                <div class="panel-body">
                    <table class="table table-bordered" id="datalist">
                        <tr bgcolor="#EEEEEE">
                            <th nowrap>会社名</th>
                            <th nowrap>上場</th>
                            <th nowrap>代表者名</th>
                            <th nowrap>住所</th>
                            <th nowrap>TEL</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>
                            <th nowrap>その他免許</th>
                            <th nowrap>参照URL</th>
                        </tr>
                        
                        @foreach($datas as $data)
                        <tr data-href="{{ url('/cloudfund/fundsearch?company_id=' . $data->id . '&itemname=' . $request->itemname . '&compname=' . $request->compname . '&pref=' . $request->pref . '&assume_share_rate=' . $request->assume_share_rate . '&invest_unit_one=' . $request->invest_unit_one . '&invest_unit_total=' . $request->invest_unit_total . '&recruit_before=' . $request->recruit_before . '&recruit_now=' . $request->recruit_now . '&operation_now=' . $request->operation_now . '&end_maturity=' . $request->end_maturity . '&download=1' ) }}">
                            <td nowrap>{{ $data->company_name }}</td>
                            <td nowrap>{{ $data->listed }}</td>
                            <td nowrap>{{ $data->representative }}</td>
                            <td nowrap>{{ $data->address }}</td>
                            <td nowrap>{{ $data->tel }}</td>
                            <td nowrap>{{ $data->establish }}</td>
                            <td nowrap>{{ $data->capital }}</td>
                            <td nowrap>{{ $data->closing_period }}</td>
                            <td nowrap>{{ $data->housing_license }}</td>
                            <td nowrap>{{ $data->cloud_license }}</td>
                            <td nowrap>{{ $data->nisyu_license }}</td>
                            <td nowrap>{{ $data->loan_license }}</td>
                            <td nowrap>{{ $data->fudosan_license }}</td>
                            <td nowrap>{{ $data->other_license }}</td>
                            <td>{{ $data->url }}</td>
                        </tr>
                        @endforeach
                    </table>
                </div>
            </div><!-- /.panel panel-default -->
        </div><!-- /.col-md-12 -->
    </div><!-- /.row -->
    <!-- ./データエリア -->
    
    <!-- データ未存在時 -->
    @elseif (count($datas) == 0 and $_SERVER["REQUEST_METHOD"] == "POST" )
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">検索結果</div>
                <div class="panel-body">
                    対象となるデータがありません<br />
                </div><!-- /.panel-body -->
            </div><!-- /.panel panel-default -->
        </div><!-- /.col-md-12 -->
    </div><!-- /.row -->
    
    @endif
    
</div><!-- /.container -->

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

</script>

<style>
table.datalist td, th {
    padding: 5px 10px;
}
table.datalist thead th {
    background: #110303;
    color: #fff;
}
table.datalist tbody tr {
    border-bottom: 1px dotted #D8D5D5;
}
table.datalist tbody td {
    border: 1px dotted #D8D5D5;
    border-width: 0px 1px;
    -webkit-transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    transition: background-color .1s linear;
}
tbody tr:first-child {
    border-top: none;
}
tbody tr.even td {
    background: #fbfbfb;
}
tbody tr.clickable:hover td {
    background: #ecf2fa;
    cursor: pointer;
}
</style>

<script Language="JavaScript">
jQuery(function($) {
 
  //data-hrefの属性を持つtrを選択しclassにclickableを付加
  $('tr[data-href]').addClass('clickable')
   
    //クリックイベント
    .click(function(e) {
   
      //e.targetはクリックした要素自体、それがa要素以外であれば
      if(!$(e.target).is('a')){
       
        //その要素の先祖要素で一番近いtrの
        //data-href属性の値に書かれているURLに遷移する
        window.location = $(e.target).closest('tr').data('href');}
  });
});
</script>

@endsection