@extends('adminlte::page')

@section('title', '据付最終確認書確認')

@section('content_header')
	<h5><label class="title-underbar">据付最終確認書確認</label></h5>
@stop

@section('content')
    <x-admin.success-flush-message />
    <x-admin.error-flush-message />
    <x-admin.validation-message />
    <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="row">
                <div class="col-md-2" style="position: relative;height: 60vh;overflow: auto;">
                    <nav id="navbar-inspection" class="navbar navbar-light bg-light">
                        <nav class="nav nav-pills flex-column">
                            @foreach ($details as $idx => $detail)
                                <a class="nav-link" href="#{{$detail->id}}">{{ $detail->name }}</a>
                            @endforeach
                            <a class="nav-link" href="#signature">サイン</a>
                        </nav>
                      </nav>
                </div>
                <div class="col-md-10" data-spy="scroll" data-target="#navbar-inspection" data-offset="0" style="position: relative;height: 60vh;overflow: auto;">
                    <div class="col-12">
                        @foreach ($details as $idx => $detail)
                            <p><a name="{{ $detail->id }}">{{ $detail->name }}</a></p>
                            <table class="table">
                                <thead class="thead-light medium-heading">
                                    <tr>
                                        <th style="width: 40%">点検項目</th>
                                        <th style="width: 20%">詳細</th>
                                        <th style="width: 20%">チェック</th>
                                        <th style="width: 20%">備考</th>
                                    </tr>
                                </thead>
                                <tbody class="main-text">
                                    @foreach ($results as $result)
                                        @if ($result->assembly_item_id == $detail->assembly_item_id)
                                            <tr>
                                                <td>
                                                    {{ $result->assemblyItemInspection->name }}
                                                </td>
                                                <td>
                                                    @if($result->assemblyItemInspection->detail) <small>{{$result->assemblyItemInspection->detail}}</small> @endif
                                                </td>
                                                <td>
                                                    @if ($result->result == 1)
                                                        可
                                                    @elseif ($result->result == 2)
                                                        <span style="color:red">否</span>
                                                    @else
                                                        <span style="color:red">未回答</span>
                                                    @endif
                                                </td>
                                                <td>{{$result->notes}}</td>
                                            </tr>
                                        @endif
                                    @endforeach
                                </tbody>
                            </table>
                        @endforeach

                        <a name="signature"></a>
                        <form method="POST" id="inspectForm" action="{{ route('assemblyconfirmation.admin.store-signup', ['item_id' => $assemblyConfirmation->id]) }}" class="form-group mt-3" style="height:500px;">
                            @csrf
                            <input type="hidden" name="item_id" value="{{$assemblyConfirmation->id}}" />
                            <ul id="signatureTabs" class="nav nav-tabs">
                                <li role="presentation" class="active"><a href="#incharge"  aria-controls="incharge" role="tab" data-toggle="tab" class="nav-link active">担当者サイン</a></li>
                                <li role="presentation"><a href="#observer" aria-controls="observer" role="tab" data-toggle="tab" class="nav-link">立会人サイン</a></li>
                                <li role="presentation"><a href="#manager" aria-controls="manager" role="tab" data-toggle="tab" class="nav-link">所長サイン</a></li>
                                <li role="presentation"><a href="#clinic" aria-controls="clinic" role="tab" data-toggle="tab" class="nav-link">医院ご担当者様サイン</a></li>
                            </ul>
                            <div class="tab-content p-2 ">
                            <div role="tabpanel" class="tab-pane active fade show" id="incharge">
                                <div class="row">
                                    <div class="col-3">
                                        <div class="row">
                                            <input type="hidden" name="assembly_incharge_signature_id" id="incharge_id" value="{{$assemblyConfirmation->assembly_incharge_signature_id}}" />
                                            <button type="button" id="incharge" class="btn btn-block @if (!$assemblyConfirmation->assembly_incharge_signed_at) button-go @else button-back @endif btn-lg rounded-pill" onclick="writeSignature('{{ route('admin.WriteSignature.index', ['id' => $assemblyConfirmation->clinic_id]) }}', 'incharge');return false;"><b>サインする</b></button>
                                        </div>
                                        <div class="row">
                                            <button onclick="openSelection('{{ route('admin.WindowSelect.index', ['table' => 'Employee', 'id' => 'assembly_incharge_id']) }}');return false;" class="btn btn-block btn-outline-primary rounded-pill w-50">担当者選択</button>
                                            <input type="hidden" name="assembly_incharge_id" id="assembly_incharge_id" value="{{ $assemblyConfirmation->assembly_manager_id}}" />
                                            <span id="assembly_incharge_name">{{$assemblyConfirmation->assemblyIncharge->name ?? ""}}</span>
                                        </div>
                                    </div>
                                    @if ($assemblyConfirmation->assembly_incharge_signature_id)
                                        <div class="col-9">
                                            <img src="{{\App\Models\File::getFileDomain() . $assemblyConfirmation->assemblyInchargeSignature->url}}">
                                        </div>
                                    @endif
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade show" id="observer">
                                <div class="row">
                                    <div class="col-3">
                                        <div class="row">
                                            <input type="hidden" name="assembly_observer_signature_id" id="observer_id" value="{{$assemblyConfirmation->assembly_observer_signature_id}}" />
                                            <button type="button" id="observer" class="btn btn-block @if (!$assemblyConfirmation->assembly_observer_signed_at) button-go @else button-back @endif btn-lg rounded-pill" onclick="writeSignature('{{ route('admin.WriteSignature.index', ['id' => $assemblyConfirmation->clinic_id]) }}', 'observer');return false;"><b>サインする</b></button>
                                        </div>
                                        <div class="row">
                                            <button onclick="openSelection('{{ route('admin.WindowSelect.index', ['table' => 'Employee', 'id' => 'assembly_observer_id']) }}');return false;" class="btn btn-block btn-outline-primary rounded-pill w-50">立会人選択</button>
                                            <input type="hidden" name="assembly_observer_id" id="assembly_observer_id" value="{{ $assemblyConfirmation->assembly_observer_id}}" />
                                            <span id="assembly_observer_name">{{$assemblyConfirmation->assemblyObserver->name ?? ""}}</span>
                                        </div>
                                    </div>
                                    @if ($assemblyConfirmation->assembly_observer_signature_id)
                                        <div class="col-9">
                                            <img src="{{\App\Models\File::getFileDomain() . $assemblyConfirmation->assemblyObserverSignature->url}}">
                                        </div>
                                    @endif
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade show" id="manager">
                                <div class="row">
                                    <div class="col-3">
                                        <div class="row">
                                            <input type="hidden" name="assembly_manager_signature_id" id="manager_id" value="{{$assemblyConfirmation->assembly_manager_signature_id}}" />
                                            <button type="button" id="manager" class="btn btn-block @if (!$assemblyConfirmation->assembly_manager_signed_at) button-go @else button-back @endif btn-lg rounded-pill" onclick="writeSignature('{{ route('admin.WriteSignature.index', ['id' => $assemblyConfirmation->clinic_id]) }}', 'manager');return false;"><b>サインする</b></button>
                                        </div>
                                        <div class="row">
                                            <button onclick="openSelection('{{ route('admin.WindowSelect.index', ['table' => 'Employee', 'id' => 'assembly_manager_id']) }}');return false;" class="btn btn-block btn-outline-primary rounded-pill w-50">所長選択</button>
                                            <input type="hidden" name="assembly_manager_id" id="assembly_manager_id" value="{{ $assemblyConfirmation->assembly_manager_id}}" />
                                            <span id="assembly_manager_name">{{$assemblyConfirmation->assemblyManager->name ?? ""}}</span>
                                        </div>
                                    </div>
                                    @if ($assemblyConfirmation->assembly_manager_signature_id)
                                        <div class="col-3">
                                            <img src="{{\App\Models\File::getFileDomain() . $assemblyConfirmation->assemblyManagerSignature->url}}">
                                        </div>
                                    @endif
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade show" id="clinic">
                                <div class="row">
                                    <div class="col-3">
                                        <div class="row">
                                            <input type="hidden" name="clinic_signature_id" id="clinic_id" value="{{$assemblyConfirmation->clinic_signature_id}}" />
                                            <button type="button" id="clinic" class="btn btn-block @if (!$assemblyConfirmation->clinic_signed_at) button-go @else button-back @endif btn-lg rounded-pill" onclick="writeSignature('{{ route('admin.WriteSignature.index', ['id' => $assemblyConfirmation->clinic_id]) }}', 'clinic');return false;"><b>サインする</b></button>
                                        </div>
                                    </div>
                                    @if ($assemblyConfirmation->clinic_signature_id)
                                        <div class="col-3">
                                            <img src="{{\App\Models\File::getFileDomain() . $assemblyConfirmation->clinicSignature->url}}">
                                        </div>
                                    @endif
                                </div>
                            </div>
                            <div class="row" style="margin: 5px;">
                                <div class="col-md-4">
                                    <a href="{{ route('assemblyconfirmation.admin.index', ['category' => $assemblyConfirmation->category]) }}" class="btn btn-secondary btn-lg rounded-pill">キャンセル</a>
                                </div>
                                <div class="col-md-4">
                                    <button type="submit" id="submit" class="btn btn-block button-red btn-lg rounded-pill"><b>保存</b></button>
                                </div>
                                <div class="col-md-4">
                                    <a href="{{ route('assemblyconfirmation.admin.streamPdf', ['item_id' => $assemblyConfirmation->id]) }}" class="btn btn-block button-go btn-lg rounded-pill"><b>PDF出力</b></a>
                                </div>
                            </div>
                        </form>            
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

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

@section('js')
<script>
var signed_user = "";
function writeSignature(url, user) {
    signed_user = user;
    window.open(url, "afterSigned", "width=800,height=500");
}
function afterSigned(id) {
    console.log(id, signed_user);
    document.getElementById(signed_user).classList.add('button-back');
    document.getElementById(signed_user).classList.remove('button-go');
    document.getElementById(signed_user + "_id").value = id;
}
function openSelection(url) {
    window.open(url, "selectChild", "width=500,height=800");
}
</script>
@stop