@extends('adminlte::page')

@section('title', '修理依頼一覧')

@section('content_header')
    <h5><label class="title-underbar">修理依頼一覧</label></h5>
@stop

@section('content')
    <div class="row">
        <div class="col-md-8">
            <x-admin.validation-message />
            <form method="GET" action="{{ route('smartsupport.admin.repairRequests.index') }}" id="search">
                <div class="input-group">
                    <input type="text" name="clinic_name" class="form-control" placeholder="医院名" value="{{ $inputs['clinic_name'] ?? '' }}">
                    <input type="text" name="equipment_type_name" class="form-control" placeholder="形式名 ex. NP3-L" value="{{ $inputs['equipment_type_name'] ?? '' }}">
                    <input type="text" name="repair_request_num" class="form-control" placeholder="依頼番号" value="{{ $inputs['repair_request_num'] ?? '' }}">
                    <input type="hidden" name="is_searched" value="1">
                    <input type="hidden" name="dashboard_employee_id" value="{{ $inputs['dashboard_employee_id'] ?? '' }}">
                    <input type="hidden" class="sort" name="request_num" value="{{ $inputs['request_num'] ?? '' }}">
                    <input type="hidden" class="sort" name="equipment_type" value="{{ $inputs['equipment_type'] ?? '' }}">
                    <input type="hidden" class="sort" name="current_status" value="{{ $inputs['current_status'] ?? '' }}">
                    <input type="hidden" class="sort" name="progress_at" value="{{ $inputs['progress_at'] ?? '' }}">
                    <input type="hidden" class="sort" name="created_at"
                        value="@if(!isset($inputs['is_searched']) || empty($inputs['is_searched'])){{'desc'}}@elseif(isset($inputs['created_at'])){{ $inputs['created_at'] }}@endif">
                    <input type="hidden" class="sort" name="answered_at" value="{{ $inputs['answered_at'] ?? '' }}">
                    <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-bottom: 20px;">
            <div class="row">
                <div class="col-md-2" style="margin-top:6px;">
                    <div class="form-check">
                        <input type="checkbox" name="is_on_site_repair" form="search" value="1" class="form-check-input"
                                id="exampleCheck2" {{ isset($inputs['is_on_site_repair']) ? 'checked' : ''}}>
                        <label class="form-check-label" for="exampleCheck2">
                            <b>現場対応扱いの修理を表示</b>
                        </label>
                    </div>
                </div>
            </div>
            <!-- /.row -->

            <div class="row">
                <div class="col-md-12">
                    <div class="row">
                        <label style="margin: 10px 15px 10px 5px;">
                            可否回答ステータス：
                        </label>

                        <div class="btn-group-toggle" data-toggle="buttons">
                            <label class="btn rounded-pill {{ !isset($inputs['is_answered']) || $inputs['is_answered'] === '2' ? "active" : ''}}" for="all_answer">
                                <input type="radio" name="is_answered" form="search" value="2" id="all_answer" autocomplete="off" {{ !isset($inputs['is_answered']) || $inputs['is_answered'] === '2' ? "checked" : ''}}>
                                すべて
                            </label>
                            <label class="btn rounded-pill {{ (isset($inputs['is_answered']) &&  $inputs['is_answered'] === '1') ? 'active' : ''}}" style="margin-left:10px" for="answered">
                                <input type="radio" name="is_answered" form="search" value="1" id="answered" autocomplete="off"
                                    {{ (isset($inputs['is_answered']) &&  $inputs['is_answered'] === '1') ? 'checked' : ''}}>
                                    回答済
                            </label>
                            <label class="btn rounded-pill {{ (isset($inputs['is_answered']) &&  $inputs['is_answered'] === '-1') ? 'active' : ''}}" style="margin-left:10px" for="no_answered">
                                <input type="radio" name="is_answered" form="search" value="-1" id="no_answered" autocomplete="off"
                                    {{ (isset($inputs['is_answered']) &&  $inputs['is_answered'] === '-1') ? 'checked' : ''}}>
                                    回答なし
                            </label>
                            <label class="btn rounded-pill {{ (isset($inputs['is_answered']) &&  $inputs['is_answered'] === '0') ? 'active' : ''}}" style="margin-left:10px" for="not_answered">
                                <input type="radio" name="is_answered" form="search" value="0" id="not_answered" autocomplete="off"
                                    {{ (isset($inputs['is_answered']) &&  $inputs['is_answered'] === '0') ? 'checked' : ''}}>
                                    未回答
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="row">
                        <label style="margin: 10px 15px 10px 5px;">
                            お問い合わせ状況：
                        </label>

                        <div class="btn-group-toggle" data-toggle="buttons">
                            <label class="btn rounded-pill {{ !isset($inputs['is_inquiry_completed']) || $inputs['is_inquiry_completed'] === '2' ? "active" : ''}}" for="inquiry_all">
                                <input type="radio" name="is_inquiry_completed" form="search" value="2" id="inquiry_all" autocomplete="off" {{ !isset($inputs['is_inquiry_completed']) || $inputs['is_inquiry_completed'] === '2' ? "checked" : ''}}>
                                すべて
                            </label>
                            <label class="btn rounded-pill {{ (isset($inputs['is_inquiry_completed']) &&  $inputs['is_inquiry_completed'] === '1') ? 'active' : ''}}" style="margin-left:10px" for="inquiry_completed">
                                <input type="radio" name="is_inquiry_completed" form="search" value="1" id="inquiry_completed" autocomplete="off"
                                    {{ (isset($inputs['is_inquiry_completed']) &&  $inputs['is_inquiry_completed'] === '1') ? 'checked' : ''}}>
                                    対応完了/お問い合わせなし
                            </label>
                            <label class="btn rounded-pill {{ (isset($inputs['is_inquiry_completed']) &&  $inputs['is_inquiry_completed'] === '0') ? 'active' : ''}}" style="margin-left:10px" for="inquiry_not_completed">
                                <input type="radio" name="is_inquiry_completed" form="search" value="0" id="inquiry_not_completed" autocomplete="off"
                                    {{ (isset($inputs['is_inquiry_completed']) &&  $inputs['is_inquiry_completed'] === '0') ? 'checked' : ''}}>
                                    対応中
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="row">
                        <label style="margin: 10px 15px 10px 5px;">
                            修理依頼状況：
                        </label>

                        <div class="btn-group-toggle" data-toggle="buttons">
                            <label class="btn rounded-pill {{ (isset($inputs['open']) &&  $inputs['open'] == 'open') ? 'active' : ''}}" style="margin-left:10px" for="open">
                                <input type="checkbox" class="status" name="open" value="open" id="open" form="search" autocomplete="off"
                                    {{ (isset($inputs['open']) &&  $inputs['open'] == 'open') ? 'checked' : ''}}>
                                    登録
                            </label>
                            <label class="btn rounded-pill {{ (isset($inputs['checked']) &&  $inputs['checked'] == 'checked') ? 'active' : ''}}" style="margin-left:10px" for="checked">
                                <input type="checkbox" class="status" name="checked" value="checked" id="checked" form="search" autocomplete="off"
                                    {{ (isset($inputs['checked']) &&  $inputs['checked'] == 'checked') ? 'checked' : ''}}>
                                    受付
                            </label>
                            <label class="btn rounded-pill {{ (isset($inputs['inStorage']) &&  $inputs['inStorage'] == 'in-storage') ? 'active' : ''}}" style="margin-left:10px" for="in-storage">
                                <input type="checkbox" class="status" name="inStorage" value="in-storage" id="in-storage" form="search" autocomplete="off"
                                    {{ (isset($inputs['inStorage']) &&  $inputs['inStorage'] == 'in-storage') ? 'checked' : ''}}>
                                    預かり完了
                            </label>
                            <label class="btn rounded-pill {{ (isset($inputs['estimated']) &&  $inputs['estimated'] == 'estimated') ? 'active' : ''}}" style="margin-left:10px" for="estimated">
                                <input type="checkbox" class="status" name="estimated" value="estimated" id="estimated" form="search" autocomplete="off"
                                    {{ (isset($inputs['estimated']) &&  $inputs['estimated'] == 'estimated') ? 'checked' : ''}}>
                                    お見積もり
                            </label>
                            <label class="btn rounded-pill {{ (isset($inputs['inProgress']) &&  $inputs['inProgress'] == 'in-progress') ? 'active' : ''}}" style="margin-left:10px" for="in-progress">
                                <input type="checkbox" class="status" name="inProgress" value="in-progress" id="in-progress" form="search" autocomplete="off"
                                    {{ (isset($inputs['inProgress']) &&  $inputs['inProgress'] == 'in-progress') ? 'checked' : ''}}>
                                    修理開始
                            </label>
                            <label class="btn rounded-pill {{ (isset($inputs['done']) &&  $inputs['done'] == 'done') ? 'active' : ''}}" style="margin-left:10px" for="done">
                                <input type="checkbox" class="status" name="done" value="done" id="done" form="search" autocomplete="off"
                                    {{ (isset($inputs['done']) &&  $inputs['done'] == 'done') ? 'checked' : ''}}>
                                    修理完了
                            </label>
                            <label class="btn rounded-pill {{ (isset($inputs['return']) &&  $inputs['return'] == 'return') ? 'active' : ''}}" style="margin-left:10px" for="return">
                                <input type="checkbox" class="status" name="return" value="return" id="return" form="search" autocomplete="off"
                                    {{ (isset($inputs['return']) &&  $inputs['return'] == 'return') ? 'checked' : ''}}>
                                    修理品返送
                            </label>
                            <label class="btn rounded-pill {{ (isset($inputs['closed']) &&  $inputs['closed'] == 'closed') ? 'active' : ''}}" style="margin-left:10px" for="closed">
                                <input type="checkbox" class="status" name="closed" value="closed" id="closed" form="search" autocomplete="off"
                                    {{ (isset($inputs['closed']) &&  $inputs['closed'] == 'closed') ? 'checked' : ''}}>
                                    依頼完了
                            </label>
                            <label class="btn rounded-pill {{ (isset($inputs['reserved']) &&  $inputs['reserved'] == 'reserved') ? 'active' : ''}}" style="margin-left:10px" for="reserved">
                                <input type="checkbox" class="status" name="reserved" value="reserved" id="reserved" form="search" autocomplete="off"
                                    {{ (isset($inputs['reserved']) &&  $inputs['reserved'] == 'reserved') ? 'checked' : ''}}>
                                    日程確定
                            </label>
                            <label class="btn rounded-pill {{ (isset($inputs['on-site']) &&  $inputs['on-site'] == 'on-site') ? 'active' : ''}}" style="margin-left:10px" for="on-site">
                                <input type="checkbox" class="status" name="on-site" value="on-site" id="on-site" form="search" autocomplete="off"
                                    {{ (isset($inputs['on-site']) &&  $inputs['on-site'] == 'on-site') ? 'checked' : ''}}>
                                    訪問修理
                            </label>
                            <label class="btn rounded-pill {{ (isset($inputs['canceled']) &&  $inputs['canceled'] == 'canceled') ? 'active' : ''}}" style="margin-left:10px" for="canceled">
                                <input type="checkbox" class="status" name="canceled" value="canceled" id="canceled" form="search" autocomplete="off"
                                    {{ (isset($inputs['canceled']) &&  $inputs['canceled'] == 'canceled') ? '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: 8%">依頼番号<i id="request_num" style="cursor:pointer;margin-left:3px;" class="sort_icon fa fa-5" aria-hidden="true"></i></th>
                                <th style="width: 10%">形式/製番<i id="equipment_type" style="cursor:pointer;margin-left:3px;" class="sort_icon fa" aria-hidden="true"></i></th>
                                <th style="width: 8%">ステータス<i id="current_status" style="cursor:pointer;margin-left:3px;" class="sort_icon fa" aria-hidden="true"></i></th>
                                <th style="width: 10%">症状</th>
                                <th style="width: 15%">医院名/代表者名</th>
                                <th style="width: 10%">住所</th>
                                <th style="width: 10%">登録更新日<i id="progress_at" style="cursor:pointer;margin-left:3px;" class="sort_icon fa" aria-hidden="true"></i></th>
                                <th style="width: 9%">依頼登録日<i id="created_at" style="cursor:pointer;margin-left:3px;" class="sort_icon fa" aria-hidden="true"></i></th>
                                {{-- <th style="width: 10%">集荷回収</th> --}}
                                <th style="width: 7%">可否回答<i id="answered_at" style="cursor:pointer;margin-left:3px;" class="sort_icon fa" aria-hidden="true"></i></th>
                                <th style="width: 13%">貸用品</th>
                            </tr>
                        </thead>
                        <tbody class="main-text">
                            @if ($repairRequests->count() > 0)
                                @foreach ($repairRequests as $repairRequest)
                                    <tr>
                                        <td>
                                            <a href="{{ route('smartsupport.admin.repairRequests.show', ['id' => $repairRequest->id ]) }}">{{ $repairRequest->repair_request_num }}</a>
                                            @php
                                            $toolTipText = '';
                                            if(!empty($repairRequest->employeeRepairRequestNews)){
                                                foreach($repairRequest->employeeRepairRequestNews as $employeeRepairRequestNewsItem){
                                                    if(!empty($employeeRepairRequestNewsItem->employeeNews)){
                                                        if($employeeRepairRequestNewsItem->employeeNews->is_required_action == 1 && !$employeeRepairRequestNewsItem->employeeNews->completed_at){
                                                            switch($employeeRepairRequestNewsItem->type){
                                                                case \App\Models\EmployeeRepairRequestNews::TYPE_ESTIMATE_EXPIRED:
                                                                    $toolTipText .= "・見積期限日を超過しています。\n";
                                                                    break;
                                                                case \App\Models\EmployeeRepairRequestNews::TYPE_INQUIRY:
                                                                    $toolTipText .= "・対応未完了の医院からのお問い合わせ/連絡事項があります。\n";
                                                                    break;
                                                                case \App\Models\EmployeeRepairRequestNews::TYPE_REPAIR_START:
                                                                    $toolTipText .= "・修理を実施してください。\n";
                                                                    break;
                                                                case \App\Models\EmployeeRepairRequestNews::TYPE_REPAIR_ITEM_RETURN:
                                                                    $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>
                                            {{ $repairRequest->ownOsadaEquipment->equipmentType->internal_name ?? '登録なし' }}<br>
                                            {{ $repairRequest->ownOsadaEquipment->serial_number ?? '登録なし' }}
                                        </td>
                                        <td>
                                            {{-- current_statusはプログレスバーの進み具合の情報を持っている
                                            キャンセルされた場合もプログレスバーを更新したい場合があるということで、
                                            キャンセルはcanceled_atカラムに値があるかどうかで判断している（23.7.19） --}}
                                            @if ($repairRequest->canceled_at)
                                                {!! trans('common.repair_status.canceled') !!}
                                                @if ($repairRequest->current_status != \Modules\SmartSupport\Entities\RepairRequest::STATUS_REQUEST_CLOSED && $repairRequest->current_status != \Modules\SmartSupport\Entities\RepairRequest::STATUS_CANCEL)
                                                    ({!! trans('common.repair_status.'.$repairRequest->current_status) !!})
                                                @endif
                                            @else
                                                {!! trans('common.repair_status.'.$repairRequest->current_status) !!}
                                            @endif
                                        </td>
                                        <td>
                                        @if(isset($repairRequest->repairRequestFailures) && count($repairRequest->repairRequestFailures->where('failure_id', '!=', 9999)) > 0)
                                            @foreach ($repairRequest->repairRequestFailures as $failure)
                                                @if($failure->failure && $failure->failure->id != 9999)
                                                    {{$failure->failure->detail . "\n"}}<br>
                                                @endif
                                            @endforeach
                                        @endif
                                        </td>
                                        <td>
                                            {{ $repairRequest->getClinicName() }}<br>
                                            {{ $repairRequest->getClinicManagerName() }}
                                        </td>
                                        <td>
                                            {{ $repairRequest->getClinicAddress() }}
                                        </td>
                                        <td>{!! $repairRequest->getLatestRepairProgressText() !!}</td>
                                        <td>
                                            {{ $repairRequest->created_at->format('Y.m.d') }}<br>（依頼登録）
                                        </td>
                                        {{-- <td style="text-align:center;">
                                        再回収中(memo:未実装)
                                        </td> --}}
                                        <td>
                                            @if($repairRequest->estimateInfo && $repairRequest->estimateInfo->replace_parts_clinic_answered_at)
                                                回答済み
                                            @else
                                                @if($repairRequest->is_on_site_repair || $repairRequest->is_skipped_progress || $repairRequest->canceled_at)
                                                    回答なし
                                                @else
                                                    未回答
                                                @endif
                                            @endif
                                        </td>
                                        {!! $repairRequest->makeIndexRentalTdElement() !!}
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="8" style="text-align: center;">
                                        登録されていません。
                                    </td>
                                </tr>
                            @endif

                        </tbody>
                    </table>
                </div>

                @if ($repairRequests->count() > 0)
                <div style="margin: 0 auto;">
                    {{ $repairRequests->appends(request()->query())->links() }}
                </div>
                @endif
            </div>
        </div>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">

    <style>
        /* 選択されたラジオボタンの色 */
        .active {
            background-color: #b89c81;
            color: #fff;
        }
    </style>
@stop

@section('js')
    <script>
        $(document).ready(function() {
            $('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();
            });

            $('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');
                }
            });

            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=equipment_type_name]').val('');
            $('input[name=repair_request_num]').val('');
            $('input[name=request_num]').val('');
            $('input[name=equipment_type]').val('');
            $('input[name=current_status]').val('');
            $('input[name=progress_at]').val('desc');
            $('input[name=created_at]').val('');
            $('input[name=answered_at]').val('');
            $('input[name=is_on_site_repair]').prop('checked', false);
            $('input[name=is_answered]:eq(0)').prop('checked', true);
            $('input[name=is_inquiry_completed]:eq(0)').prop('checked', true);
            $('input[name=open]').prop('checked', false);
            $('input[name=checked]').prop('checked', false);
            $('input[name=inStorage]').prop('checked', false);
            $('input[name=estimated]').prop('checked', false);
            $('input[name=inProgress]').prop('checked', false);
            $('input[name=done]').prop('checked', false);
            $('input[name=return]').prop('checked', false);
            $('input[name=closed]').prop('checked', false);
            $('input[name=canceled]').prop('checked', false);
            $('form#search').submit();
        }
    </script>
@stop