@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="row">
        <div class="col-md-8">
            <form method="GET" action="{{ route('smartsupport.admin.afterSupportPack.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'] ?? '' }}">
                    <input type="hidden" name="is_searched" value="1">
                    <input type="hidden" class="sort" name="is_completed_sort" value="{{ $inputs['is_completed_sort'] ?? '' }}">
                    <input type="hidden" class="sort" name="is_reserved_sort" value="{{ $inputs['is_reserved_sort'] ?? '' }}">
                    <input type="hidden" class="sort" name="month_sort"
                        value="@if(!isset($inputs['is_searched']) || empty($inputs['is_searched'])){{'asc'}}@elseif(isset($inputs['month_sort'])){{ $inputs['month_sort'] }}@endif">
                    <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>
            </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 sm-mg-0">
                <div class="col-md-12">
                    <div class="row sm-mg-0">
                        <label style="margin: 10px 15px 10px 5px;">
                            定期メンテナンス実施：
                        </label>
                        <div class="btn-group-toggle" data-toggle="buttons">
                            <label class="btn rounded-pill {{ isset($inputs['is_completed']) && $inputs['is_completed'] === '2' ? "active" : ''}}" for="all_completed">
                                <input type="radio" name="is_completed" form="search" value="2" id="all_completed" autocomplete="off" {{ isset($inputs['is_completed']) && $inputs['is_completed'] === '2' ? "checked" : ''}}>
                                すべて
                            </label>
                            <label class="btn rounded-pill {{ !isset($inputs['is_completed']) ||  $inputs['is_completed'] === '0' ? 'active' : ''}}" style="margin-left:10px" for="not_completed">
                                <input type="radio" name="is_completed" form="search" value="0" id="not_completed" autocomplete="off"
                                    {{ !isset($inputs['is_completed']) || $inputs['is_completed'] === '0' ? 'checked' : ''}}>
                                    未完了
                            </label>
                            <label class="btn rounded-pill {{ isset($inputs['is_completed']) &&  $inputs['is_completed'] === '1' ? 'active' : ''}}" style="margin-left:10px" for="completed">
                                <input type="radio" name="is_completed" form="search" value="1" id="completed" autocomplete="off"
                                    {{ isset($inputs['is_completed']) &&  $inputs['is_completed'] === '1' ? 'checked' : ''}}>
                                    完了済
                            </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:13%">製品名</th>
                                <th style="width:9%">医院名</th>
                                <th style="width:9%">院長名</th>
                                <th style="width:10%">担当部署</th>
                                <th style="width:13%">プラン</th>
                                <th style="width:9%">メンテナンス<br>予定年月<i id="month_sort" style="cursor:pointer;margin-left:3px;" class="sort_icon fa fa-5" aria-hidden="true"></i></th>
                                <th style="width:9%">メンテナンス<br>実施<i id="is_completed_sort" style="cursor:pointer;margin-left:3px;" class="sort_icon fa fa-5" aria-hidden="true"></i></th>
                                <th style="width:9%">日時設定状況<i id="is_reserved_sort" style="cursor:pointer;margin-left:3px;" class="sort_icon fa fa-5" aria-hidden="true"></i></th>
                                <th style="width:5% text-align:center;">測定器</th>
                                <th style="width:5% text-align:center;">貸用品</th>
                                <th style="width:9%; text-align:center;">部品調達</th>
                            </tr>
                        </thead>
                        <tbody class="main-text">
                            @if($results->count() > 0)
                                @foreach ($results as $result)
                                    <tr>
                                        <td>
                                            <a href="{{ route('productpromotion.admin.purchased-equipment.show', ['clinic_id' => $result->ownOsadaEquipment->clinic_id, 'own_osada_equipment_id' => $result->own_osada_equipment_id]) }}">{{ $result->ownOsadaEquipment->equipmentType->sales_name }}</a>
                                            @php
                                            $toolTipText = '';
                                            if(!empty($result->employeeSupportPackNews)){
                                                foreach($result->employeeSupportPackNews as $employeeSupportPackNewsItem){
                                                    if(!empty($employeeSupportPackNewsItem->employeeNews)){
                                                        if($employeeSupportPackNewsItem->employeeNews->is_required_action == 1 && !$employeeSupportPackNewsItem->employeeNews->completed_at){
                                                            switch($employeeSupportPackNewsItem->type){
                                                                case \App\Models\EmployeeSupportPackNews::TYPE_RESERVED:
                                                                    $toolTipText .= "・医院より予約が入りました。\n";
                                                                    break;
                                                                case \App\Models\EmployeeSupportPackNews::TYPE_CHANGE_REQUESTED:
                                                                    $toolTipText .= "・日程変更依頼があります。\n";
                                                                    break;
                                                                case \App\Models\EmployeeSupportPackNews::TYPE_WITHOUT_DATE_CONFIRMATION:
                                                                    $toolTipText .= "・サポート当月ですが日程が未確定です。\n";
                                                                    break;
                                                                case \App\Models\EmployeeSupportPackNews::TYPE_EXPIRED:
                                                                    $toolTipText .= "・サポート月を超過しています。\n";
                                                                    break;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                            $toolTipText = nl2br($toolTipText);
                                            @endphp
                                            @if($toolTipText)
                                            <a href="javascript:void(0);" data-container="body" data-html="true" data-bs-toggle="tooltip" data-placement="top" title="{!! $toolTipText !!}"><i class="fa fa-exclamation-circle" aria-hidden="true" style="color:#007bff;"></i></a>
                                            @endif
                                        </td>
                                        <td>{{ $result->ownOsadaEquipment->clinic->name }}</td>
                                        <td>{{ $result->ownOsadaEquipment->clinic->clinic_manager_name }}</td>
                                        <td>{{ !empty($result->ownOsadaEquipment->clinic->sfaClinic->affiliate->department) ? $result->ownOsadaEquipment->clinic->sfaClinic->affiliate->department : '' }}</td>
                                        <td>{{ $result->sfaSaleRelation->sfaProductSupportPack->name }}</td>
                                            @php
                                                $diff = $result->month->diff(new DateTime('first day of this month midnight'));
                                                $color = '#000';
                                                if(!$result->is_completed && (!$diff->invert || $diff->y == 0)){
                                                    if($diff->invert && $diff->m == 1){
                                                        $color = '#ff8c00';
                                                    }else{
                                                        if(!$diff->invert || $diff->m == 0){
                                                            $color = '#ff0000';
                                                        }
                                                    }
                                                }
                                            @endphp
                                        <td style="color:{{ $color }};">{{ $result->month->format('Y年m月') }}</td>
                                        <td style="color:{{ $color }};">
                                            @if ($result->is_completed)
                                                完了
                                            @else
                                                @if ($diff->m <= 1)
                                                    @if ($result->maintenanceResult)
                                                        <a class="btn button-go" href="{{ route('smartsupport.admin.supportPack.inspect', ['id' => $result->maintenanceResult->id]) }}">未完了</a>
                                                    @else
                                                        <a class="btn button-go" href="{{ route('smartsupport.admin.supportPack.inspect', ['id' => 0, 'page_id' => $result->id]) }}">未完了</a>
                                                    @endif
                                                @else
                                                    未完了
                                                @endif
                                            @endif
                                        </td>
                                        <td style="color:{{ $color }};">
                                            @if($result->is_reserved)
                                                @if($result->is_date_confirmed)
                                                    確認済<br>
                                                    ({{ $result->scheduled_start_at->format('Y/m/d') }})
                                                @else
                                                    @if($result->is_datetime_requested)
                                                        希望日あり<br>
                                                        ({{ $result->requested_start_at->format('Y/m/d') }})
                                                    @else
                                                        希望日なし
                                                    @endif
                                                @endif
                                            @else
                                                顧客回答待ち
                                            @endif
                                        </td>
                                        <td style="text-align:center;">{{ $result->ownOsadaEquipment->equipmentType->equipment_id == Modules\ProductPromotion\Entities\Equipment::ID_OSL ? '要' : '' }}</td>
                                        <td style="text-align:center;">{{ $equipmentTypeSupportMonthRentals->where('equipment_type_id', $result->ownOsadaEquipment->equipmentType->id)->where('number_of_time', $result->number_of_time)->count() > 0 ? '要' : '' }}</td>
                                        <td style="text-align:center;">
                                            @if($result->is_parts_procured)
                                                完了
                                            @else
                                                @if($diff->invert && ($diff->y >= 1 || $diff->m >= 2))
                                                    <button type="button" class="btn btn-primary" {{ $diff->y >= 1 || $diff->m > 2 ? 'disabled="diasbled"' : '' }} data-toggle="modal" data-target="#parts_procurement{{ $result->id }}">部品調達</button>
                                                @else
                                                    @if($diff->m == 1)
                                                        <button type="button" class="btn btn-warning" data-toggle="modal" data-target="#parts_procurement{{ $result->id }}">部品調達</button>
                                                    @else
                                                        <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#parts_procurement{{ $result->id }}">部品調達</button>
                                                    @endif
                                                @endif
                                                @include('smartsupport::admin.afterSupportPack.modal.parts_procurement', compact('result'))
                                            @endif
                                            
                                        </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>
    /* 選択されたラジオボタンの色 */
    .active {
        background-color: #b89c81;
        color: #fff;
    }
    .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);
            });
        }
    });

    // ツールチップ初期化
    const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
    const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
});
function resetFormAndSubmit() {
    $('input[name=clinic_name]').val('');
    $('input[name=clinic_manager_name]').val('');
    $('select#affiliate_id').val('');
    $('select#employee_id').val('');
    $('input.sort').val('');
    $('input[name=month_sort]').val('asc');
    $('input[name=is_completed]:eq(1)').prop('checked', true);
    $('form#search').submit();
}
</script>
@stop