@extends('backend.layouts.app')

@section('content')
    <h2 class="title">商談一覧</h2>
    @include('backend.layouts.flash-message')
    <div class="search_wrap">
    <h3 class="search_title">検索条件</h3>
    {{ Form::open(['route'=>"backend.{$department}.business_talk.index","method"=>"get"]) }}
        <div class="table-search_wrap">
            <table class="search">
                <tr>
                    <th class="w130">商談日時</th>
                    <td colspan="3">
                        <div class="calendar-wrap2">
                            <label for="">
                                <input type="text" value="{{ isset($search_param['talk_date_start']) ?  $search_param['talk_date_start'] : "" }}" name="search_param[talk_date_start]" class="datepicker" autocomplete="off">
                            </label>
                            <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                            <span>〜</span>
                            <label for="">
                                <input type="text" value="{{ isset($search_param['talk_date_end']) ?  $search_param['talk_date_end'] : "" }}" name="search_param[talk_date_end]" class="datepicker" autocomplete="off">
                            </label>
                            <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                        </div>
                    </td>
                </tr>
                <tr>
                    <th class="w130">取引先担当者</th>
                    <td>
                        <input type="text" name="search_param[partner_charge_user]" value="{{ isset($search_param['partner_charge_user']) ?  $search_param['partner_charge_user'] : "" }}" class="input-text">
                    </td>
                    <th class="w130">取引先名</th>
                    <td>
                        <input type="text" name="search_param[partner_company]" value="{{ isset($search_param['partner_company']) ?  $search_param['partner_company'] : "" }}" class="input-text">
                    </td>
                </tr>
            </table>
        </div>
        <div class="center-submit center">
            <input type="submit" value="検索">
        </div>
    {{ Form::close() }}
    </div>
    {{ $params->appends(['search_param'=>$search_param])->links('vendor.pagination.admin-pagination') }}
    <div class="hscroll-sp">
        <table class="normal type3">
            <thead>
                <tr>
                    <th>操作</th>
                    <th>商談日時</th>
                    <th>担当者</th>
                    <th>商談場所</th>
                    <th>取引先企業</th>
                    <th>取引先担当者</th>
                    <th>確度</th>
                    <th>商談内容</th>
                </tr>
            </thead>
            <tbody>
                @if ($params->count() > 0)
                    @foreach ($params as $param)
                        <tr>
                            <td>
                                @if ($param->status == config('const.business_talk_status_code.unfinished'))
                                <p><a href="{{ route("backend.{$department}.business_talk.edit", ['id'=>$param->id]) }}">変更</a></p>
                                @else
                                <p><a href="{{ route("backend.{$department}.business_talk.detail", ['id'=>$param->id]) }}">詳細</a></p>
                                @endif
                                @if ($param->status == config('const.business_talk_status_code.unfinished'))
                                    <p><a href="#" cidx="{{ $param->id }}" class="complete_talk">完了</a></p>
                                    <form id="frm_complete_{{ $param->id }}" action="{{ route("backend.{$department}.business_talk.complete", ['id'=>$param->id]) }}" method="get" style="display: none;">
                                        @csrf
                                    </form>
                                @endif
                            </td>
                            <td>{{ Carbon::parse($param->talk_date)->format('Y.m.d').' '.sprintf('%02d', $param->talk_hour).':'.sprintf('%02d', $param->talk_minute) }}</td>
                            <td>{{ isset($param->charge_user) ? $param->charge_user->name_kanji : ''}}</td>
                            <td>{{ $param->meeting_place }}</td>
                            <td>{{ $param->partner_company }}</td>
                            <td>{{ $param->partner_charge_user }}</td>
                            <td>{{ config('const.business_talk_accuracy.'.$param->accuracy) }}</td>
                            <td class="text-wrap text-left">{!! Str::limit($param->talk_about,50, '...')!!}</td>
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="8">商談データが存在しません。</td>
                    </tr>
                @endif
            </tbody>
        </table>
    </div>
    {{ $params->appends(['search_param'=>$search_param])->links('vendor.pagination.admin-pagination') }}

@endsection

@section('page_css')

@endsection

@section('page_js')


    <script>
        $(document).ready(function() {

            $(".complete_talk").click(function(e){
                e.preventDefault();
                talk_id = $(this).attr('cidx');
                helper_confirm("dialog-confirm", "完了", "商談を完了します。<br />よろしいですか？", 300, "確認", "閉じる", function(){
                    var frm_id = "#frm_complete_" + talk_id;
                    $(frm_id).submit();
                });
            });
        });
    </script>
@endsection

<style>
    .calendar-wrap label,
    .calendar-wrap span {
        display: inline-flex !important;
    }
</style>