@extends('adminlte::page')

@section('title', '修理依頼新規登録')

@section('content_header')
    <h5><label class="title-underbar">修理依頼新規登録</label></h5>
@stop

@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card" style="border-radius: 20px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);">
                <div class="card-body">

                    <div class="stepBar">
                        <li class="visited"><b>機器選択</b><br><span style="font-size: 24px;">1</span></li>
                        <li class="visited step step2"><b>形式・製造番号</b><br><span style="font-size: 24px;">2</span></li>
                        <li><b>症状</b><br><span style="font-size: 24px;">3</span></li>
                        <li><b>貸用品</b><br><span style="font-size: 24px;">4</span></li>
                        <li><b>配送手続方法</b><br><span style="font-size: 24px;">5</span></li>
                        <li><b>利用規約確認</b><br><span style="font-size: 24px;">6</span></li>
                        <li><b>修理依頼登録完了</b><br><span style="font-size: 24px;">7</span></li>
                    </div>
                    <div class="row">
                        <div class="col-lg-12" style="padding-left:20px;">
                            <p style="margin: 60px 0px 0px;"><b class="main-text">形式を選択してください</b><sup style="color: red;">★</sup>
                            </p>

                            <div class="row mt-3">
                                <div class="col-lg-12">
                                    @php
                                        $locale = app()->getLocale();
                                    @endphp
                                    @foreach($ownOsadaEquipments as $index => $ownOsadaEquipment)
                                        @php
                                            $isUnderRepair = false;
                                            $repairRequest = $ownOsadaEquipment->repairRequest->whereIn('current_status', [
                                                \Modules\SmartSupport\Entities\RepairRequest::STATUS_OPEN,
                                                \Modules\SmartSupport\Entities\RepairRequest::STATUS_CHECK,
                                                \Modules\SmartSupport\Entities\RepairRequest::STATUS_IN_STORAGE,
                                                \Modules\SmartSupport\Entities\RepairRequest::STATUS_ESTIMATE,
                                                \Modules\SmartSupport\Entities\RepairRequest::STATUS_IN_PROGRESS,
                                                \Modules\SmartSupport\Entities\RepairRequest::STATUS_REPAIR_DONE,
                                                \Modules\SmartSupport\Entities\RepairRequest::STATUS_RETURN
                                            ])
                                            ->whereNull('canceled_at');
                                            if($repairRequest->count() > 0){
                                                $isUnderRepair = true;
                                            }
                                        @endphp

                                        @if(($index + 1) % 2 == 1)
                                        <div class="row">
                                        @endif
                                            <div class="col-lg-6">
                                                <a href="javascript:void(0);" data-action="{{ route('smartsupport.agency.repairRequest.equipment.step3', ['id' => $ownOsadaEquipment->id, 'clinicId' => $clinic->id]) }}" class="@if(!$isUnderRepair){{ 'own-osada-equipment' }}@endif btn btn-block btn-outline-light btn-block d-flex align-items-center" style="height: 215px; color: #000; border: 2px solid #DCDCDC; border-radius: 15px;">
                                                    <div class="col-lg-12">
                                                        <div class="row">
                                                            <div class="col-3 text-left" @if($isUnderRepair)style="color:#CCC;"@endif><b>形式</b></div>
                                                            <div class="col-9 text-left" @if($isUnderRepair)style="color:#CCC;"@endif>
                                                                {{ $ownOsadaEquipment->external_name }}
                                                            </div>
                                                        </div>
                                                        @if($ownOsadaEquipment->alias)
                                                        <div class="row">
                                                            <div class="col-3 text-left" @if($isUnderRepair)style="color:#CCC;"@endif><b>名称</b></div>
                                                            <div class="col-9 text-left" @if($isUnderRepair)style="color:#CCC;"@endif>{{ $ownOsadaEquipment->alias }}</div>
                                                        </div>
                                                        @endif
                                                        @if($ownOsadaEquipment->serial_number)
                                                        <div class="row">
                                                            <div class="col-3 text-left" @if($isUnderRepair)style="color:#CCC;"@endif><b>製造番号</b></div>
                                                            <div class="col-9 text-left" @if($isUnderRepair)style="color:#CCC;"@endif>{{ $ownOsadaEquipment->serial_number }}</div>
                                                        </div>
                                                        @endif
                                                        @if($isUnderRepair)
                                                        <div class="row">
                                                            <div class="col-12 text-center" style="color:#CCC;"><small>修理依頼中</small></div>
                                                        </div>
                                                        @endif
                                                    </div>
                                                </a>
                                            </div>
                                        @if(($index + 1) % 2 == 0 || $ownOsadaEquipments->count() == $index + 1)
                                        </div>
                                        @endif
                                    @endforeach
                                </div>

                                <div class="col-lg-12 mb-4">
                                    <p class="main-text" style="margin: 20px 0px;">※未掲載の機器については修理対応が終了しております。</p>
                                    @foreach ( $equipment->fileJa as $files => $file)
                                        <a class="main-text" href="{{\App\Models\File::getFileDomain()}}{{$file->url}}" target="_blank">形式の確認方法はこちら</a>
                                    @endforeach
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-8" style="margin:50px 0px">
                            <div class="row">
                                <div class="col-lg-4">
                                    <a id="page-back" href="{{ route('smartsupport.agency.repairRequest.equipment.step1', ['clinicId' => $clinic->id, 'genre' => $equipment->equipment_genre_id]) }}" class="btn btn-block button-back btn-lg rounded-pill">
                                        戻る
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <form id="step2" method="post" enctype="multipart/form-data" style="display:none;">
    @csrf
    @if(!empty($data))
        @foreach($data as $name => $rows)
            @if(is_array($rows))
                @foreach($rows as $index => $row)
                    <input type="hidden" name="{{ $name }}[{{ $index }}]" value="{{ $row }}">
                @endforeach
            @else
                <input type="hidden" name="{{ $name }}" value="{{ $rows }}">
            @endif
        @endforeach
    @else
        <input type="hidden" name="equipment_id" value="{{ $equipment->id }}">
        <input type="hidden" name="source" value="create">
    @endif
    @if(!empty($attachedFiles))
        @foreach($attachedFiles as $id => $file)
            <input type="hidden" name="files[{{$id}}][id]" value="{{ \Arr::get($file, 'id') }}">
            <input type="hidden" name="files[{{$id}}][name]" value="{{ \Arr::get($file, 'name') }}">
        @endforeach
    @endif
    </form>
    <div class="modal fade" id="unknownType" tabindex="-1" role="dialog" aria-labelledby="alertModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content" style="border-radius: 20px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);">
                <div class="text-center" style="margin-top: 20px;">
                    <h5 class="modal-title" id="alertModalLabel"><b>ご確認ください</b></h5>
                    <hr style="margin-bottom:0px;">
                </div>
                <div class="modal-body">
                    <div class="row" style="margin-bottom: 5px">
                        <div id="body" class="col-lg-12">
                        形式を不明でお申し込みされたお客様に表示しております。<br>
                      形式によっては、部品が生産終了による入手不可のため、修理対応が終了しております。<br>
                      大変お手数をおかけしますが、特徴が分かる外観写真をご添付いただけますようお願い申し上げます。<br><br>
                      なお、写真の添付が難しい場合は、ご依頼後に弊社から製品についてのご連絡をさせて頂く場合がございます。<br>
                      何卒ご協力お願い申し上げます。
                        </div>
                    </div>
                </div>
                <div style="margin-bottom: 20px;">
                    <div class="col-lg-12 d-flex justify-content-center">
                        <div class="col-lg-5">
                            <button id="btn-submit-modal" type="submit" form="step2" class="btn btn-block button-go btn-lg rounded-pill">続ける</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
    <link href="/css/progressbar.css" rel="stylesheet">
    <style>
    .not-allowed{
        cursor: not-allowed;
    }
    .not-pointer-events{
        pointer-events: none;
    }
    </style>
@stop

@section('js')
    <script>
        //ブラウザバックした時の処理
        window.onpageshow = function(event) {
            if (event.persisted) {
                //submitを活性化
                $('form').find(':submit').prop('disabled', false);

                //「戻る」ボタンのスピナーを削除
                $('#page-back').find('.spinner-border').remove();
            }
        };

        $(function(){
            $("#page-back").on('click', function(){
                $(this).append('<div class="spinner-border spinner-border-sm text-light" role="status"><span class="sr-only"></span></div>');
            });

            $('a.own-osada-equipment').on('click', function(){
                $('form#step2').attr('action', $(this).attr('data-action')).submit();
            });
        });
    </script>
@stop