@extends('adminlte::page')

@section('title', '医院一覧')

@section('content_header')
    <h5><label class="title-underbar">医院一覧</label></h5>
@stop

@section('content')
<style>
@media (max-width: 767px) {
    .card-body {
        padding: 0;
    }
}
</style>
    <div class="row">
        <div class="col-md-5">
            <form method="GET" action="{{ route('admin.clinics.index') }}" class="d-flex">
                <input class="form-control" name="name" value="{{ $inputs['name'] ?? null }}" placeholder="キーワードから探す" style="border-radius: 10px 0 0 10px;" />
                <div class="input-group-append">
                    <button class="btn button-go" type="submit" style="margin: 0px -50px; border-radius: 0 10px 10px 0;">
                        &emsp;<i class="fas fa-search"></i>&emsp;
                    </button>
                </div>
            </form>
            <br>
        </div>

        <div class="col-md-4">
            
        </div>

        <div class="col-md-3">
            <form method="GET" action="{{ route('admin.clinics.index') }}" class="d-flex">
                <input type="hidden" name="search_clinic_association" value="1" />
                <button class="btn btn-sm btn-block button-go rounded-pill" type="submit">
                    {{ '未関連付けで絞り込み' }}
                </button>
            </form>
        </div>

        <div class="col-md-12">
            <div class="card card--sp" style="border-radius: 20px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);">
                <div class="card-body">
                @php
                    $userAgent = $_SERVER['HTTP_USER_AGENT'];
                    $isDesktop = strpos($userAgent, 'Windows') !== false || strpos($userAgent, 'Macintosh') !== false;
                    @endphp
                @if ($isDesktop)
                    <table class="table" style="margin-top:35px">
                        <thead class="thead-light medium-heading">
                            <tr>
                                <th style="width: 20%">医院名</th>
                                <th style="width: 20%">メールアドレス</th>
                                <th style="width: 10%">郵便番号</th>
                                <th style="width: 20%">住所</th>
                                <th style="width: 10%">購入品情報</th>
                                <th style="width: 10%">関連付け</th>
                                <th style="width: 10%">最終更新日</th>
                            </tr>
                        </thead>
                        <tbody class="main-text">
                            @if ($clinics->isNotEmpty())
                                @foreach ($clinics as $clinic)
                                  @php
                                      $msgAssociation = '';
                                      if(empty($clinic->sfaClinic)){
                                          $msgAssociation = '関連付けを実施して下さい。';
                                      }else if(!$clinic->sfaClinic->affiliate_id){
                                          $msgAssociation = '関連付いているSFA医院に担当部署が設定されておりません。csvファイル上の部署に関する記載内容を確認して下さい。部署マスタにcsvファイル記載の部署が登録されていなければ、部署を登録して下さい。';
                                      }else if(empty($clinic->sfaClinic->affiliate)){
                                          $msgAssociation = '関連付いているSFA医院の担当部署が部署マスタに登録されておりません。csvファイル記載の部署を部署マスタに登録して下さい。';
                                      }else if(empty($clinic->sfaClinic->affiliate->employee) || $clinic->sfaClinic->affiliate->employee->count() == 0){
                                          $msgAssociation = '関連付いているSFA医院の担当部署に従業員が存在しません。担当部署に従業員を登録して下さい。';
                                      }
                                  @endphp
                                  <tr>
                                      <td>
                                          <a href="{{ route('admin.clinics.show', ['id' => $clinic->id ]) }}">{{ $clinic->name }}</a>
                                          @if($msgAssociation)
                                          <a href="javascript:void(0);" data-bs-toggle="tooltip" data-placement="top" title="{{ $msgAssociation }}"><i class="fa fa-exclamation-circle" aria-hidden="true"  style="color:red;"></i></a>
                                          @endif
                                      </td>
                                      <td>{{ $clinic->clinicStaff->first()->email ?? '-'}}</td>
                                      <td>{{ $clinic->postal_code ?? '-' }}</td>
                                      <td>{{ $clinic->prefecture . ' ' . $clinic->city }}</td>
                                      <td>
                                          <a href="{{ route('productpromotion.admin.purchased-equipment.index', ['clinic_id' => $clinic->id ]) }}" class="btn btn-sm btn-block button-go rounded-pill">購入品情報</a>
                                      </td>
                                      <td>
                                          <a href="{{ route('admin.clinicAssociation.index', ['clinic_id' => $clinic->id ]) }}" class="btn btn-sm btn-block button-go rounded-pill">関連付け</a>
                                      </td>
                                      <td>{{ $clinic->updated_at->format('Y.m.d') }}</td>
                                  </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="7" style="text-align: center;">
                                        登録されていません。
                                    </td>
                                </tr>   
                            @endif
                        </tbody>
                    </table>
                @else
                @if ($clinics->isNotEmpty())
                @foreach ($clinics as $clinic)
                @php
                $msgAssociation = '';
                @endphp
                <table class="table table--clinic">
                    <thead class="thead-light medium-heading">
                        <tr>
                            <th>医院名</th>
                            <th>メールアドレス</th>
                            <th>郵便番号</th>
                            <th>住所</th>
                            <th>購入品情報</th>
                            <th>関連付け</th>
                            <th>最終更新日</th>
                        </tr>
                    </thead>
                    <tbody class="main-text">
                            <tr>
                                <td>
                                    <a href="{{ route('admin.clinics.show', ['id' => $clinic->id ]) }}">{{ $clinic->name }}</a>
                                    @if($msgAssociation)
                                    <a href="javascript:void(0);" data-bs-toggle="tooltip" data-placement="top" title="{{ $msgAssociation }}"><i class="fa fa-exclamation-circle" aria-hidden="true"  style="color:red;"></i></a>
                                    @endif
                                </td>
                                <td>{{ $clinic->clinicStaff->first()->email ?? '-'}}</td>
                                <td>{{ $clinic->postal_code ?? '-' }}</td>
                                <td>{{ $clinic->prefecture . ' ' . $clinic->city }}</td>
                                <td>
                                    <a href="{{ route('productpromotion.admin.purchased-equipment.index', ['clinic_id' => $clinic->id ]) }}" class="btn btn-sm btn-block button-go rounded-pill">購入品情報</a>
                                </td>
                                <td>
                                    <a href="{{ route('admin.clinicAssociation.index', ['clinic_id' => $clinic->id ]) }}" class="btn btn-sm btn-block button-go rounded-pill">関連付け</a>
                                </td>
                                <td>{{ $clinic->updated_at->format('Y.m.d') }}</td>
                            </tr>
                            @endforeach
                        @else
                            <tr>
                                <td colspan="7" style="text-align: center;">
                                    登録されていません。
                                </td>
                            </tr>   
                        @endif
                    </tbody>
                </table>
                @endif
                </div>
                <div style="margin: 0 auto;">
                    {{ $clinics->links() }}
                </div>
            </div>
        </div>
    </div>
@stop

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

    <style>
        .disabled-link {
         pointer-events: none;
         opacity: 0.6;
         cursor: not-allowed;
        }   
    </style>
@stop
@section('js')
    <script type="text/javascript">
        const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
        const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
    </script>
@stop