@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-12">
      @if (\Auth::guard('agency')->user()->isEditableRole())
            <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 step step1"><b>機器選択</b><br><span style="font-size: 24px;">1</span></li>
                        <li><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>

                    @if ($equipments)
                    <p style="margin: 60px 10px 0px;"><b class="main-text">修理を希望する機器を選択してください</b><sup style="color: red;">★</sup></p>

                    <div id="next-page-row" class="row" style="margin: 10px 0px;">
                        @foreach($equipments as $equipment)
                            <div class="col-md-4" style="margin-top:20px;">
                                @if ($equipment->is_compatible === 0)
                                <a id="next-page[]" class="btn btn-outline-light btn-block" style="color: #ccc; border: 2px solid #DCDCDC; border-radius: 15px;">
                                    <br><img src="{{\App\Models\File::getImageDomain()}}/equipment_icon/{{ $equipment->id }}.png" class="rounded-3" height="45" width="45"><br><br><b class="main-text">{{ $equipment->name }}</b><br>
                                    <small>スタッフ対応となりますので、最寄りの営業所までお問い合わせください</small><br>
                                </a>
                                @else
                                <a id="next-page[]" href="{{ route('smartsupport.agency.repairRequest.step2', ['clinicId' => $clinic->id, 'equipment' => $equipment]) }}" class="btn btn-outline-light btn-block" style="color: #000; border: 2px solid #DCDCDC; border-radius: 15px;">
                                    <br><img src="{{\App\Models\File::getImageDomain()}}/equipment_icon/{{ $equipment->id }}.png" class="rounded-3" height="45" width="45"><br><br><b class="main-text">{{ $equipment->name }}</b><br><br>
                                </a>
                                @endif
                            </div>
                        @endforeach
                    </div>

                    <div class="col-md-8" style="margin:50px 0px">
                        <div class="row">
                            <div class="col-md-4">
                                <a href="{{ route('smartsupport.agency.repairRequest.step1', ['clinicId' => $clinic->id]) }}" class="btn btn-block button-back btn-lg rounded-pill">戻る</a>
                            </div>
                        </div>
                    </div>

                    @else
                    <p style="margin: 60px 10px 0px;"><b class="main-text">修理を希望する機器の種類を選択してください</b><sup style="color: red;">★</sup></p>

                    <div class="row" style="margin: 10px 0px;">
            @php
              $isDomestic = $clinic->country_id === 392 ? true : false;
            @endphp
                        @foreach($genres as $genre)
                            <div class="col-md-4" style="margin-top:20px;">
                @if ($genre->isHavingEquipment($isDomestic, $clinic->clinicCategory->medical_category_id))
                                <a href="{{ route('smartsupport.agency.repairRequest.step1', ['genre' => $genre, 'clinicId' => $clinic->id]) }}" class="btn btn-block btn-outline-light btn-block" style="color: #000; border: 2px solid #DCDCDC; border-radius: 15px;">
                                    <br><img src="{{\App\Models\File::getImageDomain()}}/genre_icon/{{ $genre->id }}.png" class="rounded-3" height="45" width="45"><br><br><b class="medium-heading">{{ !app()->getLocale() || app()->isLocale('ja') ? $genre->name : $genre->name_en }}</b><br>
                                    @if ($genre->id == 3)
                                    <small>本システムでは現在、訪問診療のみ取り扱っております</small>
                                    @endif <br>
                                </a>
                @else
                                <a class="btn btn-block btn-outline-light btn-block" style="color: #ccc; border: 2px solid #DCDCDC; border-radius: 15px;">
                                    <br><img src="{{\App\Models\File::getImageDomain()}}/genre_icon/{{ $genre->id }}.png" class="rounded-3" height="45" width="45"><br><br><b class="medium-heading">{{ !app()->getLocale() || app()->isLocale('ja') ? $genre->name : $genre->name_en }}</b><br>
                                    @if ($genre->id == 3)
                                    <small>本システムでは現在、訪問診療のみ取り扱っております</small>
                                    @endif <br>
                                </a>
                @endif
                            </div>
                        @endforeach
                    </div>
                    <div class="col-md-8" style="margin:50px 0px">
                        <div class="row">
                            <div class="col-md-4">
                                @php
                                    $route = route('smartsupport.agency.repairRequest.list', ['clinicId' => $clinic->id]);
                                    if($ownOsadaEquipmentCount > 0){
                                        $route = route('smartsupport.agency.repairRequest.create', ['clinicId' => $clinic->id]);
                                    }
                                @endphp
                                <a href="{{ $route }}" class="btn btn-block button-back btn-lg rounded-pill">戻る</a>
                            </div>
                        </div>
                    </div>
                    @endif
                    <!-- /.row -->
                </div>
            </div>
      @else
      ご利用のアカウントではご利用いただけません。権限をご確認ください。
      @endif
        </div>
    </div>
@stop

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

@section('js')
    <script>
        $(function(){
            $("#next-page").on('click', function(){
                $("#next-page-row").addClass('not-pointer-events');
            });
        });
    </script>
@stop