@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 action="{{route("backend.{$department}.business_talk.index")}}" method="post">
        @csrf
        <div class="table-search_wrap">
                <table class="search">
                    <tr>
                        <th>商談日時</th>
                        <td>
                            <div class="calendar-wrap">
                                <label for="">
                                    <input type="text" value="{{ isset($search_param['talk_date']) ?  $search_param['talk_date'] : "" }}" name="talk_date" class="datepicker" autocomplete="off">
                                </label>
                                <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                                <label for="">
                                    <input type="text" name="talk_hour" value="{{ isset($search_param['talk_hour']) ?  $search_param['talk_hour'] : "" }}">
                                </label>
                                <span>時</span>
                                <label for="">
                                    <input type="text" name="talk_minute" value="{{ isset($search_param['talk_minute']) ?  $search_param['talk_minute'] : "" }}">
                                </label>
                                <span>分</span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>取引先担当者</th>
                        <td>
                            <input type="text" name="partner_charge_user" value="{{ isset($search_param['partner_charge_user']) ?  $search_param['partner_charge_user'] : "" }}" class="input-text">
                        </td>
                    </tr>
                    <tr>
                        <th>取引先名</th>
                        <td>
                            <input type="text" name="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>
    </div>
    {{ $params->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'))
                                <a href="{{ route("backend.{$department}.business_talk.edit", ['id'=>$param->id]) }}">変更</a>
                                @else
                                <a href="{{ route("backend.{$department}.business_talk.detail", ['id'=>$param->id]) }}">詳細</a>
                                @endif
                                @if ($param->status == config('const.business_talk_status_code.unfinished'))
                                    <a href="#" cidx="{{ $param->id }}" class="complete_talk">完了</a>
                                    <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>{{ $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 style="text-align: left">
                                @php
                                echo nl2br($param->talk_about);
                                @endphp 
                            </td>
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="8">商談データが存在しません。</td>
                    </tr>
                @endif
            </tbody>
        </table>
    </div>
    {{ $params->links('vendor.pagination.admin-pagination') }}

@endsection

@section('page_css')
    <link href="{{ asset('vendor/jquery-ui/jquery-ui.min.css') }}" rel="stylesheet">
@endsection

@section('page_js')
    <script src="{{ asset('assets/backend/js/helper.js') }}"></script>
    <script src="{{ asset('vendor/jquery-ui/jquery-ui.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('.datepicker').datepicker({
                    dateFormat: 'yy-mm-dd',
            });
            $(".complete_talk").click(function(e){
                console.log("click the btn");
                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