@extends('adminlte::page')

@section('title', '担当顧客一覧')

@section('content_header')
    <h5><label class="title-underbar">担当顧客一覧</label></h5>
@stop

@section('content')
    <x-admin.success-flush-message />
    <x-admin.error-flush-message />
    <x-admin.validation-message />
    <div class="card card-outline card-tabs">
        @php
            $supportPackNews = array();
            $repairRequestNews = array();
            $consumableNews = array();
            if($employeeNews->count() > 0){
                $supportPackNews = $employeeNews->where('type', App\Models\EmployeeNews::TYPE_SUPPORT_PACK);
                $repairRequestNews = $employeeNews->where('type', App\Models\EmployeeNews::TYPE_REPAIR_REQUEST);
                $consumableNews = $employeeNews->where('type', App\Models\EmployeeNews::TYPE_CONSUMABLE);
            }
        @endphp
        <div class="card-header p-0 border-bottom-0">
            <ul class="nav nav-tabs" id="custom-tabs-three-tab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="estimate-tab" data-toggle="pill" href="#estimate" role="tab" aria-controls="estimate" aria-selected="true">
                        <span>サポートパック</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="inquiry-tab" data-toggle="pill" href="#inquiry" role="tab" aria-controls="inquiry" aria-selected="false">
                        <span>修理依頼</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="osada_contact-tab" data-toggle="pill" href="#osada_contact" role="tab" aria-controls="osada_contact" aria-selected="false">
                    <span>消耗品</span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="card-body" style="max-height:200px;overflow-y:scroll;">
            <div class="tab-content" id="custom-tabs-three-tabContent">
                <div class="tab-pane fade active show" id="estimate" role="tabpanel" aria-labelledby="estimate-tab">
                @if (!empty($supportPackNews))
                    @foreach ($supportPackNews as $supportPackNewsItem)
                        @if($employee->position_id >= App\Models\Position::ID_MANAGEMENT_POSITION)
                            @if(!$supportPackNewsItem->employeeSupportPackNews->is_display_manager)
                                @continue
                            @endif
                        @endif
                        <div class="row" style="padding:5px 0px; border-bottom: 1px dotted #343a40;">
                            <div class="col-md-2 text-nowrap">{{ $supportPackNewsItem->created_at->format('Y/m/d') }}</div>
                            <div class="col-md-10">
                                <a href="{{ route('productpromotion.admin.purchased-equipment.support-schedule.show', ['support_month_id' => $supportPackNewsItem->employeeSupportPackNews->supportMonth->id]) }}">{{ $supportPackNewsItem->title }}</a>
                            </div>
                        </div>
                    @endforeach
                @else
                    <div class="row">
                        <div class="col-md-12" style="text-align: center;">お知らせはありません。</div>
                    </div>
                @endif
                </div>
                <div class="tab-pane fade" id="inquiry" role="tabpanel" aria-labelledby="inquiry-tab">
                @if (!empty($repairRequestNews))
                    @foreach ($repairRequestNews as $repairRequestNewsItem)
                        <div class="row" style="padding:5px 0px; border-bottom: 1px dotted #343a40;">
                            <div class="col-md-2 text-nowrap">{{ $repairRequestNewsItem->created_at->format('Y/m/d') }}</div>
                            <div class="col-md-10">
                                <a href="{{ route('smartsupport.admin.repairRequests.show', $repairRequestNewsItem->employeeRepairRequestNews->repair_request_id) }}">{{ $repairRequestNewsItem->title }}</a>
                            </div>
                        </div>
                    @endforeach
                @else
                    <div class="row">
                        <div class="col-md-12" style="text-align: center;">お知らせはありません。</div>
                    </div>
                @endif
                </div>
                <div class="tab-pane fade" id="osada_contact" role="tabpanel" aria-labelledby="osada_contact-tab">
                @if (!empty($consumableNews))
                    @foreach ($consumableNews as $consumableNewsItem)
                        <div class="row" style="padding:5px 0px; border-bottom: 1px dotted #343a40;">
                            <div class="col-md-2 text-nowrap">{{ $consumableNewsItem->created_at->format('Y/m/d') }}</div>
                            <div class="col-md-10">
                                <a href="{{ route('productpromotion.admin.purchased-equipment.consumable', ['clinic_id' => $consumableNewsItem->clinic_id, 'own_osada_equipment_id' => $consumableNewsItem->employeeConsumableNews->own_osada_equipment_id]) }}">{{ $consumableNewsItem->title }}</a>
                            </div>
                        </div>
                    @endforeach
                @else
                    <div class="row">
                        <div class="col-md-12" style="text-align: center;">お知らせはありません。</div>
                    </div>
                @endif
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8">
            <form method="GET" action="{{ route('smartsupport.admin.myCustomer.index') }}" id="search">
            @csrf
                <div class="input-group">
                    <input type="text" name="clinic_name" class="form-control" placeholder="医院名" value="{{ $inputs['clinic_name'] ?? '' }}">
                    <input type="text" name="clinic_manager_name" class="form-control" placeholder="院長名" value="{{ $inputs['clinic_manager_name'] ?? '' }}">
                    <div class="input-group-append">
                        <button class="btn button-go" type="submit" style="margin-top: 0px; margin-left: -2px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;">
                            &emsp;<i class="fas fa-search"></i>&emsp;
                        </button>
                    </div>
                </div>
                <input type="hidden" name="dashboard_employee_id" value="{{ $inputs['dashboard_employee_id'] ?? '' }}">
            </form>
        </div>
        <div class="col-md-4 filter-area">
            <button class="btn button-go" style="margin-top: 0;" onclick="resetFormAndSubmit()">
                絞り込みリセット
            </button>
        </div>

        <div class="col-md-12" style="margin-top:0.4rem; margin-bottom:1rem;">
            <div class="row" style="margin-bottom:0.5rem;">
                <div class="col-md-8">
                    <select id="affiliate_id" name="affiliate_id" class="form-control" form="search">
                        @if($isDisplayAll)
                            <option value=""></option>
                        @endif
                        @foreach($affiliates as $affiliate)
                            <option value="{{ $affiliate->id }}" {{ !empty($inputs['affiliate_id']) && $inputs['affiliate_id'] == $affiliate->id ? 'selected="selected"' : '' }}>{{ $affiliate->department }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="row" style="margin-bottom:0.3rem;">
                <div class="col-md-8">
                    <select id="employee_id" name="employee_id" class="form-control" form="search">
                        <option value=""></option>
                        @foreach($employees as $employee)
                            <option value="{{ $employee->id }}" {{ !empty($inputs['employee_id']) && $inputs['employee_id'] == $employee->id ? 'selected="selected"' : '' }}>{{ $employee->name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="row mt-3 mt-md-0">
                <div class="col-md-12">
                    <div class="row" style="padding-left: 7.5px;">
                        <div class="form-check">
                            <input form="search" type="checkbox" id="is_repair_request" name="is_repair_request" value="1" class="form-check-input" {{ isset($inputs['is_repair_request']) &&  $inputs['is_repair_request'] === '1' ? 'checked' : ''}}>
                            <label class="form-check-label" for="is_repair_request">
                                <b>対応中修理依頼あり</b>
                            </label>
                        </div>
                    </div>
                    <div class="row" style="padding-left: 7.5px;">
                        <div class="form-check">
                            <input form="search" type="checkbox" id="is_maintenance" name="is_maintenance" value="1" class="form-check-input" {{ isset($inputs['is_maintenance']) &&  $inputs['is_maintenance'] === '1' ? 'checked' : ''}}>
                            <label class="form-check-label" for="is_maintenance">
                                <b>当月/来月に定期メンテナンス予定あり</b>
                            </label>
                        </div>
                    </div>
                    <div class="row" style="padding-left: 7.5px;">
                        <div class="form-check">
                            <input form="search" type="checkbox" id="is_delayed_maintenance" name="is_delayed_maintenance" value="1" class="form-check-input" {{ isset($inputs['is_delayed_maintenance']) &&  $inputs['is_delayed_maintenance'] === '1' ? 'checked' : ''}}>
                            <label class="form-check-label" for="is_delayed_maintenance">
                                <b>メンテナンス遅れあり</b>
                            </label>
                        </div>
                    </div>
                    <div class="row" style="padding-left: 7.5px;">
                        <div class="form-check">
                            <input form="search" type="checkbox" id="is_consumable" name="is_consumable" value="1" class="form-check-input" {{ isset($inputs['is_consumable']) &&  $inputs['is_consumable'] === '1' ? 'checked' : ''}}>
                            <label class="form-check-label" for="is_consumable">
                                <b>交換時期が近い消耗品あり</b>
                            </label>
                        </div>
                    </div>
                    <div class="row" style="padding-left: 7.5px;">
                        <div class="form-check">
                            <input form="search" type="checkbox" id="is_purchase_request" name="is_purchase_request" value="1" class="form-check-input" {{ isset($inputs['is_purchase_request']) &&  $inputs['is_purchase_request'] === '1' ? 'checked' : ''}}>
                            <label class="form-check-label" for="is_purchase_request">
                                <b>消耗品交換購入依頼あり</b>
                            </label>
                        </div>
                    </div>
                    <div class="row" style="padding-left: 7.5px;">
                        <div class="form-check">
                            <input form="search" type="checkbox" id="is_unread_chat" name="is_unread_chat" value="1" class="form-check-input" {{ isset($inputs['is_unread_chat']) &&  $inputs['is_unread_chat'] === '1' ? 'checked' : ''}}>
                            <label class="form-check-label" for="is_unread_chat">
                                <b>未読チャットあり</b>
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-12">
            <div class="card" style="border-radius: 20px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);">
                <div class="card-body">
                    <table class="table table-responsive" style="margin-top:35px">
                        <thead class="thead-light medium-heading">
                            <tr>
                                <th style="width:10%">医院名</th>
                                <th style="width:9%">院長名</th>
                                <th style="width:9%">担当部署</th>
                                <th style="width:8%">来月予定<br>メンテナンス</th>
                                <th style="width:8%">当月予定<br>メンテナンス</th>
                                <th style="width:8%">メンテナンス<br>遅れ</th>
                                <th style="width:8%">実施日<br>リクエスト</th>
                                <th style="width:8%">部品調達</th>
                                <th style="width:8%">修理依頼</th>
                                <th style="width:8%">交換時期が<br>近い消耗品</th>
                                <th style="width:8%">消耗品<br>購入依頼</th>
                                <th style="width:8%">未読<br>チャット</th>
                            </tr>
                        </thead>
                        <tbody class="main-text">
                        @if($results->count() > 0)
                            @php
                                $thisMonth = new DateTime('first day of this month midnight');
                                $nextMonth = new DateTime('first day of next month midnight');
                                $twoMonthLater = new DateTime('first day of +2 month midnight');
                            @endphp
                            @foreach ($results as $result)
                                <tr>
                                    <td>{{ $result->name }}</td>
                                    <td>{{ $result->clinic_manager_name }}</td>
                                    <td>{{ !empty($result->sfaClinic->affiliate->department) ? $result->sfaClinic->affiliate->department : '' }}</td>
                                    <td>
                                    @php
                                        $countNextMonthMaintenance = 0;
                                        if($result->supportMonth){
                                            $countNextMonthMaintenance = $result->supportMonth->where('month', $nextMonth)->count();
                                        }
                                    @endphp
                                    <a href="{{ route('productpromotion.admin.purchased-equipment.index', ['clinic_id' => $result->id]) }} }}">{{ $countNextMonthMaintenance }}件</a>
                                    </td>
                                    <td>
                                    @php
                                        $countThisMonthMaintenance = 0;
                                        if($result->supportMonth){
                                            $countThisMonthMaintenance = $result->supportMonth->where('month', $thisMonth)->count();
                                        }
                                    @endphp
                                    <a href="{{ route('productpromotion.admin.purchased-equipment.index', ['clinic_id' => $result->id]) }} }}">{{ $countThisMonthMaintenance }}件</a>
                                    </td>
                                    <td>
                                    @php
                                        $countExpiredMaintenance = 0;
                                        if($result->supportMonth){
                                            $countExpiredMaintenance = $result->supportMonth
                                            ->where('is_completed', 0)
                                            ->where('month', '<',$thisMonth)
                                            ->groupBy('own_osada_equipment_id')
                                            ->count();
                                        }
                                    @endphp
                                    <a href="{{ route('productpromotion.admin.purchased-equipment.index', ['clinic_id' => $result->id]) }} }}">{{ $countExpiredMaintenance }}件</a>
                                    </td>
                                    <td>
                                    @php
                                        $countDatetimeRequestedMaintenance = 0;
                                        if($result->supportMonth){
                                            $countDatetimeRequestedMaintenance = $result->supportMonth
                                            ->where('is_completed', 0)
                                            ->where('is_datetime_requested', 1)
                                            ->groupBy('own_osada_equipment_id')
                                            ->count();
                                        }
                                    @endphp
                                    <a href="{{ route('productpromotion.admin.purchased-equipment.index', ['clinic_id' => $result->id]) }} }}">{{ $countDatetimeRequestedMaintenance }}件</a>
                                    </td>
                                    <td>
                                    @php
                                        $countPartsNeedToBeProcuredMaintenance = 0;
                                        if($result->supportMonth){
                                            $countPartsNeedToBeProcuredMaintenance = $result->supportMonth
                                            ->where('is_completed', 0)
                                            ->where('is_parts_procured', 0)
                                            ->where('month', '<=', $twoMonthLater)
                                            ->groupBy('own_osada_equipment_id')
                                            ->count();
                                        }
                                    @endphp
                                    <a href="{{ route('productpromotion.admin.purchased-equipment.index', ['clinic_id' => $result->id]) }} }}">{{ $countPartsNeedToBeProcuredMaintenance }}件</a>
                                    </td>
                                    <td>
                                    @php
                                        $countRepairRequest = 0;
                                        if($result->repairRequest){
                                            $countRepairRequest = $result->repairRequest
                                            ->where('current_status', '!=', \Modules\SmartSupport\Entities\RepairRequest::STATUS_REQUEST_CLOSED)
                                            ->where('current_status', '!=', \Modules\SmartSupport\Entities\RepairRequest::STATUS_CANCEL)
                                            ->count();
                                        }
                                    @endphp
                                    {{ $countRepairRequest }}件
                                    </td>
                                    <td>
                                    @php
                                        $countToBeReplacedOwnOsadaConsumable = 0;
                                        if($result->ownOsadaConsumable){
                                            $countToBeReplacedOwnOsadaConsumable = $result->ownOsadaConsumable
                                            ->where('next_replacement_at', '<', $twoMonthLater)
                                            ->count();
                                        }
                                    @endphp
                                    <a href="{{ route('productpromotion.admin.purchased-equipment.index', ['clinic_id' => $result->id]) }} }}">{{ $countToBeReplacedOwnOsadaConsumable }}件</a>
                                    </td>
                                    <td>
                                    @php
                                        $countConsumablePurchaseRequest = 0;
                                        if($result->ownOsadaConsumable){
                                            $countConsumablePurchaseRequest = $result->ownOsadaConsumable
                                            ->where('is_applying_purchase', 1)
                                            ->count();
                                        }
                                    @endphp
                                    <a href="{{ route('productpromotion.admin.purchased-equipment.index', ['clinic_id' => $result->id]) }} }}">{{ $countConsumablePurchaseRequest }}件</a>
                                    </td>
                                    <td>
                                    <a href="{{route('admin.clinics.chat.index', ['clinic_id' => $result->id])}}">{{ $result->unread_chat_message_count }}件</a>
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td colspan="12" style="text-align: center;">
                                    登録されていません。
                                </td>
                            </tr>
                        @endif
                        </tbody>
                    </table>
                </div>
                @if ($results->count() > 0)
                <div style="margin: 0 auto;">
                    {{ $results->appends(request()->query())->links() }}
                </div>
                @endif
            </div>
        </div>
    </div>
@stop

@section('css')
<link rel="stylesheet" href="/css/admin_custom.css">
<link rel="stylesheet" href="/vendor/select2/select2.min.css">
<link rel="stylesheet" href="/vendor/select2/select2-bootstrap4.min.css">
<style>
    /* 選択されたラジオボタンの色 */
    .btn-primary
    {
        color: #fff;
    }
    .select2-selection__rendered {
        line-height: 28px !important;
    }
    .select2-container .select2-selection--single {
        height: 38px !important;
    }
    .select2-selection__arrow {
        height: 34px !important;
    }
</style>
@stop

@section('js')
<script type="text/javascript" src="/vendor/select2/select2.min.js"></script>
<script type="text/javascript" src="/vendor/select2/ja.js"></script>
<script>
$(function() {
    // 部署選択プルダウン初期化
    $('select#affiliate_id').select2({
        width: '100%',
        placeholder: "部署", //プレースホルダーを設定
        language: 'ja', // Select2のメッセージに使用する言語を指定
        allowClear: true
    });
    // 担当者選択プルダウン初期化
    $('select#employee_id').select2({
        width: '100%',
        placeholder: "担当者", //プレースホルダーを設定
        language: 'ja', // Select2のメッセージに使用する言語を指定
        allowClear: true
    });
    // 並び替え表示初期化
    $('input.sort').each(function(index) {
        let name = $(this).attr('name');
        let val = $(this).val();
        if(val == 'asc'){
            $('i#'+name).addClass('fa-caret-up');
        }else if(val == 'desc'){
            $('i#'+name).addClass('fa-caret-down');
        }else{
            $('i#'+name).addClass('fa-sort');
        }
    });

    // 並び替え処理
    $('i.sort_icon').click(function(){
        let id = $(this).attr('id');
        let sortVal = $('input[name="' + id + '"]').val();
        $('input.sort').val('');
        if(!sortVal || sortVal == 'desc'){
            $('input[name="' + id + '"]').val('asc');
        }else if(sortVal == 'asc'){
            $('input[name="' + id + '"]').val('desc');
        }
        $('form#search').submit();
    });

    // 部署切り替え時の担当者選択肢読み込み処理
    $('select#affiliate_id').change(function(){
        let affiliate_id = $(this).val();
        if(affiliate_id){
            $.ajax({
                url: "{{ route('admin.employees.employeeByAffiliateId') }}",
                type: "post",
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                },
                data: {
                    affiliate_id: affiliate_id,
                },
                dataType: "json"
            })
            .done((results) => {
                 $('select#employee_id').empty();
                if(results.length > 0){
                    $('select#employee_id').append($('<option>').html('').val(''));
                    results.forEach(function(employee){
                        $('select#employee_id').append($('<option>').html(employee.name).val(employee.id));
                    });
                }
            })
            .fail((e) => {
                console.log(e);
            });
        }
    });
});
function resetFormAndSubmit() {
    $('input[name=clinic_name]').val('');
    $('input[name=clinic_manager_name]').val('');
    $('select#affiliate_id').val('');
    $('select#employee_id').val('');
    $('input#is_repair_request').prop('checked', false);
    $('input#is_maintenance').prop('checked', false);
    $('input#is_delayed_maintenance').prop('checked', false);
    $('input#is_consumable').prop('checked', false);
    $('input#is_purchase_request').prop('checked', false);
    $('input#is_unread_chat').prop('checked', false);
    $('form#search').submit();
}
</script>
@stop