@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-5">
            <form method="GET" action="{{ route('smartsupport.admin.transportation.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="repair_request_num" class="form-control" placeholder="依頼番号" value="{{ $inputs['repair_request_num'] ?? '' }}">
                    <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-12 mb-4 sm-mg-0">
            <div class="row sm-mg-0">
                <div class="col-md-1" style="margin-top:6px;" style="text-align:center;">
                    <label>
                        @include('smartsupport::admin.transportation.tooltip')
                        出荷・回収 <i id="tooltip" class="far fa-question-circle" data-toggle="tooltip" data-placement="top" title="test"></i>
                    </label>
                </div>
                <div class="col-md-8">
                    <div class="btn-group-toggle" data-toggle="buttons">
                        <label class="btn rounded-pill ml-2">
                            <input type="radio" name="pickup_type" form="search" value="4" id="option4" autocomplete="off"
                                @if ( $inputs["pickup_type"] == "4") checked @endif> 貸用品出荷
                        </label>
                        <label class="btn rounded-pill ml-2">
                            <input type="radio" name="pickup_type" form="search" value="5" id="option5" autocomplete="off"
                                @if ( $inputs["pickup_type"] == "5") checked @endif> 通い箱出荷
                        </label>
                        <label class="btn rounded-pill ml-2">
                            <input type="radio" name="pickup_type" form="search" value="1" id="option1" autocomplete="off"
                                @if ( $inputs["pickup_type"] == "1") checked @endif> 修理品回収
                        </label>
                        <label class="btn rounded-pill ml-2">
                            <input type="radio" name="pickup_type" form="search" value="2" id="option2" autocomplete="off"
                                @if ( $inputs["pickup_type"] == "2") checked @endif> 修理品出荷
                        </label>
                        <label class="btn rounded-pill ml-2">
                            <input type="radio" name="pickup_type" form="search" value="3" id="option3" autocomplete="off"
                                @if ( $inputs["pickup_type"] == "3") checked @endif> 貸用品回収
                        </label>
                        <label class="btn rounded-pill ml-2">
                            <input type="radio" name="pickup_type" form="search" value="6" id="option6" autocomplete="off"
                                @if ( $inputs["pickup_type"] == "6") checked @endif> 通い箱回収
                        </label>
                    </div>
                </div>

                <div class="col-md-1 mt-4" style="margin-top:6px; text-align:center;">
                    <label>
                        ステータス
                    </label>
                </div>
                <div class="col-md-2">
                    <div class="btn-group-toggle" data-toggle="buttons">
                        <label class="btn rounded-pill" style="margin-left:10px">
                            <input type="radio" name="is_delivered" form="search" value="0" id="option2" autocomplete="off"
                            @if ( $inputs["is_delivered"] == "0") checked @endif> 未
                        </label>
                        <label class="btn rounded-pill">
                            <input type="radio" name="is_delivered" form="search" value="1" id="option1" autocomplete="off"
                            @if ( $inputs["is_delivered"] == "1") checked @endif> 済
                        </label>
                    </div>
                </div>

                <!--<div class="col-md-1" style="margin-top:6px; text-align: right;">
                    <label>
                        並び替え
                </label>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <select class="custom-select" name="order" form="search">
                            <option value="created_at_desc">依頼登録日の新しい順</option>
                            <option value="created_at_asc">依頼登録日の古い順</option>
                        </select>
                    </div>
                </div>-->
            </div>
            <!-- /.row -->
        </div>
    </div>

    <div class="row">
        <form action="{{ route('smartsupport.admin.transportation.allCsvExport') }}" name="csv_export" id="csv_export" method="post" class="col-md-12">
        @csrf
        <input type="hidden" name="pickup_type" id="csv_pickup_type" value="">
        <div class="col-md-12">
            <div class="card" style="border-radius: 20px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);">
                @if(Gate::forUser(\Auth::user())->allows('employeeOperation', 'transportation|2'))
                <div class="row mt-3">
                    <div class="col-md-3 pl-3 ml-3">
                        <input type="checkbox" name="specific_date_check" id="specific_date_check" value="1" onchange="setModal()"><label for="specificDate">日付指定を行う</label>
                        @include('smartsupport::admin.transportation.set_specific_date')
                    </div>
                    <div class="col-md-3 offset-md-5 px-3" id="csv_submit_btn" style="display: block">
                        <button type="button" id="csv_submit" class="btn btn-block btn-outline-primary rounded-pill" onclick="submit_form()"><b>CSVを出力</b></button>
                    </div>
                    <div class="col-md-3 offset-md-5 px-3" id="set_specific_date_btn" style="display: none">
                        <button type="button" class="btn btn-block btn-outline-primary rounded-pill"
                        data-toggle="modal" data-target="#setSpecificDate"><b>CSVを出力(日付指定)</b></button>
                    </div>
                </div>
                @endif
                <div class="card-body">
                    <table class="table table-responsive mt-1">
                        <thead class="thead-light medium-heading">
                            <tr>
                                <th class="table-checkbox" style="width: 7%;text-align:center;vertical-align:middle;"><input type="checkbox" class="form-check-input" style="transform: scale(1.5);" onchange="all_check()"></th>
                                <th style="width: 10%">依頼番号</th>
                                <th style="width: 20%">形式/製番</th>
                                <th style="width: 20%">医院名/代表者名</th>
                                <th style="width: 10%">希望日時</th>
                                <th style="width: 10%">集荷回収</th>
                                <th style="width: 10%">交換部品返却希望有無</th>
                                <th style="width: 10%">依頼登録日</th>
                            </tr>
                        </thead>
                        <tbody class="main-text">
                            @php
                                $isPickupTypeKayoibako = $inputs["pickup_type"] == "5" || $inputs["pickup_type"] == "6" ? true : false;
                                $countShowKayoibakoRecord = 0;
                            @endphp
                            @if (count($repairRequests) > 0)
                            @foreach ($repairRequests as $repairRequest)
                                @php
                                    if ($inputs["pickup_type"] == "5" || $inputs["pickup_type"] == "6") {
                                        if (($repairRequest->equipmentType->first()->kayoibako_flag == 1 || $repairRequest->equipmentType->first()->kayoibako_flag == 99) && $repairRequest->clinic->first()->clinicCategory->medical_category_id == 1) {
                                            $is_show = true;
                                            $countShowKayoibakoRecord++;
                                        } else if (($repairRequest->equipmentType->first()->kayoibako_flag == 2 || $repairRequest->equipmentType->first()->kayoibako_flag == 5 || $repairRequest->equipmentType->first()->kayoibako_flag == 99) && $repairRequest->clinic->first()->clinicCategory->medical_category_id == 2) {
                                            $is_show = true;
                                            $countShowKayoibakoRecord++;
                                        } else if (($repairRequest->equipmentType->first()->kayoibako_flag == 3 || $repairRequest->equipmentType->first()->kayoibako_flag == 5 || $repairRequest->equipmentType->first()->kayoibako_flag == 99) && $repairRequest->clinic->first()->clinicCategory->medical_category_id == 3) {
                                            $is_show = true;
                                            $countShowKayoibakoRecord++;
                                        } else if (($repairRequest->equipmentType->first()->kayoibako_flag == 4 || $repairRequest->equipmentType->first()->kayoibako_flag == 5 || $repairRequest->equipmentType->first()->kayoibako_flag == 99) && $repairRequest->clinic->first()->clinicCategory->medical_category_id == 4) {
                                            $is_show = true;
                                            $countShowKayoibakoRecord++;
                                        } else {
                                            $is_show = false;
                                        }
                                    } else {
                                        $is_show = true;
                                    }

                                    $is_disabled = false;
                                    if ($inputs["pickup_type"] == "2" || $inputs["pickup_type"] == "3" || $inputs["pickup_type"] == "6") {
                                        if($repairRequest->current_status == 'done' && is_null($repairRequest->canceled_at)){
                                            $repairCompletedAt = $repairRequest->repair_completed_at ?? date_create(str_replace('.', '', $repairRequest->getEquipmentTypeStandardDeliveryDate($repairRequest->payment_at)));
                                            $is_disabled = $repairCompletedAt > date_create()  && !$repairRequest->is_change_permitted_before_repair_completed_at ? true : false;
                                        }
                                    }
                                @endphp
                                @if ($is_show)
                                <tr>
                                    <td style="text-align:center;vertical-align:middle;">
                                        <input type="checkbox" name="make_csv[]" class="form-check-input make_csv" style="transform: scale(1.5);" value="{{ $repairRequest->id }}" @if($is_disabled){{'disabled="disabled"'}}@endif>
                                    </td>
                                    <td><a href="{{ route('smartsupport.admin.repairRequests.show', ['id' => $repairRequest->id ]) }}">{{ $repairRequest->repair_request_num }}</a></td>
                                    <td>
                                        {{ $repairRequest->ownOsadaEquipment->equipmentType->external_name ?? '登録なし' }}<br>
                                        {{ $repairRequest->ownOsadaEquipment->serial_number ?? '登録なし' }}
                                    </td>
                                    <td>
                                        {{ $repairRequest->getClinicName() }}<br>
                                        {{ $repairRequest->getClinicManagerName() }}
                                    </td>
                                    <td>
                                        @if($repairRequest->clinicStaff->clinic->clinicFreeTimes)
                                            @foreach($repairRequest->clinicStaff->clinic->clinicFreeTimes as $clinicFreeTime)
                                                <p style="margin-bottom:0rem;">{{ __('clinic.common.week.' . $clinicFreeTime->week_day, [], 'ja') }} {{  substr($clinicFreeTime->start_time, 0, -3) }}-{{ substr($clinicFreeTime->end_time, 0, -3) }}</p>
                                            @endforeach
                                        @endif
                                    </td>
                                    <td>
                                        @if($inputs['pickup_type'])
                                            @switch($inputs['pickup_type'])
                                                @case(1)
                                                    {{-- 修理品回収 --}}
                                                    @if($repairRequest->pickup_worked_at)
                                                        {{ $repairRequest->pickup_worked_at->format('Y.m.d H:i') }}
                                                    @else
                                                        未実施
                                                    @endif
                                                    @break
                                                @case(2)
                                                    {{-- 修理品出荷 --}}
                                                    @if($repairRequest->returned_at)
                                                        {{ str_replace('-', '.', substr($repairRequest->returned_at, 0, -3)) }}
                                                    @else
                                                        未実施
                                                    @endif
                                                    @break
                                                @case(3)
                                                    {{-- 貸用品回収 --}}
                                                    @if($repairRequest->latestRepairRentalItem && $repairRequest->latestRepairRentalItem->returned_at)
                                                        {{ $repairRequest->latestRepairRentalItem->returned_at->format('Y.m.d H:i') }}
                                                    @else
                                                        未実施
                                                    @endif
                                                    @break
                                                @case(4)
                                                    {{-- 貸用品出荷 --}}
                                                    @if($repairRequest->latestRepairRentalItem && $repairRequest->latestRepairRentalItem->rental_at)
                                                        {{ $repairRequest->latestRepairRentalItem->rental_at->format('Y.m.d H:i') }}
                                                    @else
                                                        未実施
                                                    @endif
                                                    @break
                                                @case(5)
                                                    {{-- 通い箱出荷 --}}
                                                    @if($repairRequest->kayoibako_shipped_at)
                                                        {{ str_replace('-', '.', substr($repairRequest->kayoibako_shipped_at, 0, -3)) }}
                                                    @else
                                                        未実施
                                                    @endif
                                                    @break
                                                @case(6)
                                                    {{-- 通い箱回収 --}}
                                                    @if($repairRequest->kayoibako_pickup_at)
                                                        {{ str_replace('-', '.', substr($repairRequest->kayoibako_pickup_at, 0, -3)) }}
                                                    @else
                                                        未実施
                                                    @endif
                                                    @break
                                                @default
                                            @endswitch
                                        @else
                                            {{-- 貸用品出荷 --}}
                                            @if($repairRequest->latestRepairRentalItem && $repairRequest->latestRepairRentalItem->rental_at)
                                                {{ $repairRequest->latestRepairRentalItem->rental_at->format('Y.m.d H:i') }}
                                            @else
                                                未実施
                                            @endif
                                        @endif
                                    </td>
                                    <td>
                                        {{ $repairRequest->return_requested ? '返却希望' : '返却不希望' }}
                                    </td>
                                    <td>
                                        {{ $repairRequest->created_at->format('Y.m.d') }}
                                    </td>
                                </tr>
                                @endif
                            @endforeach
                            @if ($isPickupTypeKayoibako && $countShowKayoibakoRecord == 0)
                                <tr>
                                    <td colspan="8">対象の修理依頼がありません</td>
                                </tr>
                            @endif
                            @else
                                <tr>
                                    <td colspan="8">対象の修理依頼がありません</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        </form>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
    <style>
        /* 選択されたラジオボタンの色 */
        .btn-group-toggle label.btn.active {
            background-color: #b89c81;
            color: #fff;
        }
        
        /* 非選択状態のラジオボタンの色 */
        .btn-group-toggle label.btn:not(.active) {
            background-color: #fff;
            color: #000;
            border: 2px solid #dcdcdc;
        }
        
        /* 選択されたラジオボタンにカーソルを合わせた時の文字色 */
        .btn-group-toggle label.btn.active:hover {
            color: #fff;
        }
    </style>
@stop
<script>
    function all_check() {
        var cbs = document.getElementsByClassName("make_csv");
        for(var i = 0; i < cbs.length; i++ ) {
            if ( cbs[i].checked ) {
                cbs[i].checked = false;
            } else {
                cbs[i].checked = true;
            }
        }
    }
    function setModal() {
        if (document.getElementById("specific_date_check").checked) {
            document.getElementById("csv_submit_btn").style.display = "none";
            document.getElementById("set_specific_date_btn").style.display = "block";
        } else {
            document.getElementById("csv_submit_btn").style.display = "block";
            document.getElementById("set_specific_date_btn").style.display = "none";
        }
    }
    function submit_form() {
        document.getElementById("csv_submit").disabled = true;
        var cbs = document.getElementsByClassName("make_csv");
        var c = 0;
        for(var i = 0; i < cbs.length; i++ ) {
            if ( cbs[i].checked && !cbs[i].disabled ) c++;
        }
        if ( c == 0 ) {
            alert("出力する修理依頼を選択してください");
            document.getElementById("csv_submit").disabled = false;
            return 1;
        }
        //開いた後チェック外してボタン押下の場合
        if (!document.getElementById("specific_date_check").checked) {
            document.getElementById("specific_date").value = null;
        }
        //var searchform = document.getElementById("search");
        //document.getElementById("csv_pickup_type").value = searchform.pickup_type.value;
        const searchParams = new URLSearchParams(window.location.search);
        document.getElementById("csv_pickup_type").value = searchParams.get("pickup_type");
        document.csv_export.submit();
    }
</script>
@section('js')
<script>
    $(function(){
        let tooptipText = $("#tooltipText").text();
        $("#tooltip").attr('title', tooptipText);
        $( 'input[name="pickup_type"]:radio' ).change( function() {
            document.getElementById("csv_export").disabled = true;
            document.getElementById('search').submit();
        });
        $( 'input[name="is_delivered"]:radio' ).change( function() {
            document.getElementById("csv_export").disabled = true;
            document.getElementById('search').submit();
        });
    });
</script>
<script>
    $(document).ready(function() {
        $('input[type="radio"][name="is_answered"]').change(function() {
          updateButtonColors();
        });
        
        updateButtonColors();
    });
    
    function updateButtonColors() {
        // 全てのラジオボタンの色を元に戻す
        $('label.btn').removeClass('active-color');
        
        // 選択されたラジオボタンの色を変更
        var selectedRadio = $('input[type="radio"][name="is_answered"]:checked');
        selectedRadio.closest('label.btn').addClass('active-color');
    }
</script>
@stop