@extends('adminlte::page')

@section('title', __("clinic-purchased-equipments.show.section_title"))

@section('content_header')
    <h5><label class="title-underbar">{{ __("clinic-purchased-equipments.show.section_title") }}</label></h5>
@stop

@section('content')
    @php
        $isJapan = app()->isLocale('ja');
        $equipmentType = $ownEquipment->equipmentType;
        $equipment = $equipmentType->equipment;
        $equipmentGenre = $equipment->equipmentGenre;
        $salesName = $isJapan ? $equipmentType->sales_name : $equipmentType->sales_name_en;
        $equipmentName = $isJapan ? $equipment->name : $equipment->name_en;
        $equipmentAlias = $ownEquipment->alias ? $ownEquipment->alias : __('clinic-purchased-equipments.show.not_registered');
        $ownConsumables = $ownEquipment->ownosadaConsumable;
        $sfaSaleRelation = $ownEquipment->sfaSaleRelation;
    @endphp
    <x-admin.success-flush-message />
    <x-admin.error-flush-message />
    <x-admin.validation-message />
    <div class="row">
        <div class="col-md-12">
            <div class="card" style="border-radius: 20px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);">
                <div class="card-body">
                    <p style="margin: 30px 12px; border-left: 5px solid #B89C81;">
                        &emsp;<b>{{ $salesName }}</b>
                    </p>

                    <div class="row" style="margin-top: 15px;">
                        <div class="col-12 col-md-4" style="margin-bottom: 20px;">
                            <div class="d-flex justify-content-center">
                                @php
                                    $imgSrc = \App\Models\File::getImageDomain() . '/equipment_icon/' . $equipment->id . '.png';
                                    if($ownEquipment->file){
                                        $imgSrc = \App\Models\File::getFileDomain() . $ownEquipment->file->url;
                                    }
                                @endphp
                                <img
                                    src="{{ $imgSrc }}"
                                    class="rounded-3"
                                    height="250"
                                    width="250"
                                    style="border-radius: 15px;"
                                >
                            </div>
                            <div class="row" style="margin: 0px 12px; margin-bottom: 5px; align-items: center;">
                                <button type="button" class="btn btn-block button-go btn-sm rounded-pill" data-toggle="modal" data-target="#editImageModal">画像を変更する</button>
                            </div>
                            <p class="medium-heading align-items-center" style="margin: 20px 12px;">
                                <img src="/images/material/alert_ico.png"> &emsp;<b>{{ __("clinic-purchased-equipments.show.b_consumable_info") }}</b>
                            </p>

                            @foreach($ownConsumables as $ownConsumable)
                                @php
                                    $category = $ownConsumable->consumable->consumableCategory;
                                @endphp
                                <div class="row" style="margin: 0px 12px; margin-bottom: 5px; align-items: center;">
                                    <div class="col-md-8">
                                        <div class="row">
                                            <div class="col-6 main-text d-flex justify-content-center align-items-center">
                                                {{ $isJapan ? $category->name : $category->name_en }}
                                            </div>
                                            <div
                                                class="col-6 main-text d-flex justify-content-center align-items-center"
                                                @if($ownConsumable->isOverTerm())
                                                    style="color: red;"
                                                @endif
                                            >
                                                {{ date('Y/m/d', strtotime($ownConsumable->next_replacement_at)) }}
                                            </div>
                                        </div>
                                    </div>
									<div class="col-md-4 main-text d-flex justify-content-center align-items-center">
										@if (\Auth::guard('clinic')->user()->isMakablePaymentRole())
                                        <button
                                            type="button"
                                            class="btn btn-block
                                            @if ($ownConsumable->isOverTerm())
                                                button-red
                                            @else
                                                button-go
                                            @endif
                                            btn-sm rounded-pill"
                                            data-toggle="modal"
                                            data-target="#purchaeRequestModal{{ $ownConsumable->id }}"
                                            @if ($ownConsumable->is_applying_purchase)
                                                disabled
                                            @endif
                                        >
                                            {{ __("clinic-purchased-equipments.show.button_order") }}
                                        </button>
										@endif
                                    </div>
								</div>
								@if (\Auth::guard('clinic')->user()->isMakablePaymentRole())
                                @include('productpromotion::clinic.consumable.modal.purchase_request', ['ownConsumable' => $ownConsumable, 'ownEquipment' => $ownEquipment])
								@endif
                            @endforeach

                            @foreach($ownConsumables as $ownConsumable)
                                @php
                                    $messageData = $ownConsumable->consumable->consumableCategory->consumableCategoryMessage;
                                @endphp
                                @if ($ownConsumable->isOverTerm() && $messageData)
                                    @php
                                        $message = $isJapan ? $messageData->message : $messageData->message_en;
                                    @endphp
                                    <p class="main-text" style="margin: 15px 12px; color: red; font-size: 12px;">
                                        {{ htmlspecialchars($message) }}
                                    </p>
                                @endif
                            @endforeach

                            @if ($ownConsumables->count() == 0)
                                <p class="main-text" style="margin: 15px 12px;">
                                    {{ __("clinic-purchased-equipments.show.p_no_consumable") }}
                                </p>
                            @endif
                        </div> 
                        <div class="col-12 col-md-8">
                            <div class="row" style="margin-bottom: 3px">
                                <div class="col-3 medium-heading d-flex align-items-center" style="height: 50px; background-color: #F5F5F5">
                                    <b style="margin-left: 20px;">{{ __("clinic-purchased-equipments.show.b_sales_name") }}</b>
                                </div>
                                <div class="col-9 main-text d-flex align-items-center">
                                    {{ $salesName }}
                                </div>
                            </div>

                            <div class="row" style="margin-bottom: 3px">
                                <div class="col-3 medium-heading d-flex align-items-center" style="height: 50px; background-color: #F5F5F5">
                                    <b style="margin-left: 20px;">{{ __("clinic-purchased-equipments.show.b_genre_name") }}</b>
                                </div>
                                <div class="col-9 main-text d-flex align-items-center">
                                    {{ $equipmentGenre->name }}
                                </div>
                            </div>

                            <div class="row" style="margin-bottom: 3px">
                                <div class="col-3 medium-heading d-flex align-items-center" style="height: 50px; background-color: #F5F5F5">
                                    <b style="margin-left: 20px;">{{ __("clinic-purchased-equipments.show.b_equipment_name") }}</b>
                                </div>
                                <div class="col-9 main-text d-flex align-items-center">
                                    {{ $equipmentName }}
                                </div>
                            </div>

                            <div class="row" style="margin-bottom: 3px">
                                <div class="col-3 medium-heading d-flex align-items-center" style="height: 50px; background-color: #F5F5F5">
                                    <b style="margin-left: 20px;">{{ __("clinic-purchased-equipments.show.b_alias") }}</b>
                                </div>
                                <div class="col-9 main-text d-flex align-items-center">
                                    {{ $equipmentAlias }}
                                </div>
                            </div>

                            <div class="row" style="margin-bottom: 3px">
                                <div class="col-3 medium-heading d-flex align-items-center" style="height: 50px;">
                                </div>
                                <div class="col-9 main-text d-flex align-items-center">
                                    <button class="btn btn-block button-go btn-lg rounded-pill" style="width: 200px;" data-toggle="modal" data-target="#editAliasModal">
										{{ __('clinic-purchased-equipments.show.button_alias_edit') }}
									</button>
                                </div>
                            </div>

                            <div class="row" style="margin-bottom: 3px">
                                <div class="col-3 medium-heading d-flex align-items-center" style="height: 50px; background-color: #F5F5F5">
                                    <b style="margin-left: 20px;">{{ __("clinic-purchased-equipments.show.b_internal_name") }}</b>
                                </div>
                                <div class="col-9 main-text d-flex align-items-center">
                                    {{ $equipmentType->internal_name }}
                                </div>
                            </div>

                            <div class="row" style="margin-bottom: 3px">
                                <div class="col-3 medium-heading d-flex align-items-center" style="height: 50px; background-color: #F5F5F5">
                                    <b style="margin-left: 20px;">{{ __("clinic-purchased-equipments.show.b_serial_number") }}</b>
                                </div>
                                <div class="col-9 main-text d-flex align-items-center">
                                    {{ $ownEquipment->serial_number }}
                                </div>
                            </div>

                            <!--
                            <div class="row" style="margin-bottom: 3px">
                                <div class="col-3 medium-heading d-flex align-items-center" style="height: 50px; background-color: #F5F5F5">
                                    <b style="margin-left: 20px;">{{ __("clinic-purchased-equipments.show.b_bought_at") }}</b>
                                </div>
                                <div class="col-9 main-text d-flex align-items-center">
                                    {{-- 導入年月日は医院保有OSADA製機器テーブルに項目追加し、その値をここに表示する想定 --}}
                                </div>
                            </div>

                            <div class="row" style="margin-bottom: 3px">
                                <div class="col-3 medium-heading d-flex align-items-center" style="height: 50px; background-color: #F5F5F5">
                                    <b style="margin-left: 20px;">{{ __("clinic-purchased-equipments.show.b_unit_price") }}</b>
                                </div>
                                <div class="col-9 main-text d-flex align-items-center">
                                    {{-- 導入価格は医院保有OSADA製機器テーブルに項目追加し、その値をここに表示する想定 --}}
                                </div>
                            </div>
                            -->

                            @if(!empty($sfaSaleRelation) && $sfaSaleRelation->is_join_support_pack)
                            <div class="row" style="margin-bottom: 3px">
                                <div class="col-3 medium-heading d-flex align-items-center" style="height: 50px; background-color: #F5F5F5">
                                    <b style="margin-left: 20px;">{{ __("clinic-purchased-equipments.show.b_after_support_status") }}</b>
                                </div>
                                <div class="col-9 main-text d-flex align-items-center">
                                    {{ !empty($sfaSaleRelation->after_support_status) && !empty(\App\Models\SfaSale::AFTER_SUPPORT_STATUS_TEXT_LIST[$sfaSaleRelation->after_support_status]) ? 
                                        __(\App\Models\SfaSale::AFTER_SUPPORT_STATUS_TEXT_LIST[$sfaSaleRelation->after_support_status])
                                        : __(\App\Models\SfaSale::AFTER_SUPPORT_STATUS_TEXT_LIST[\App\Models\SfaSale::AFTER_SUPPORT_STATUS_NOT_JOINED], [], 'ja')
                                    }}
                                </div>
                            </div>

                                @if(!empty($sfaSaleRelation->supportMonth) && $sfaSaleRelation->supportMonth->count() > 0)
                                <div class="row" style="margin-bottom: 3px;display: flex;flex-wrap: wrap;">
                                    <div class="col-3 medium-heading d-flex align-items-center" style="background-color: #F5F5F5;">
                                        <b style="margin-left: 20px;">{{ __("clinic-purchased-equipments.show.b_after_support_month") }}</b>
                                    </div>
                                    <div class="col-9 main-text align-items-center">
                                        @foreach($sfaSaleRelation->supportMonth as $supportMonth)
                                            <span>{{ $supportMonth->month->format('Y.m') }}</span><br>
                                        @endforeach
                                    </div>
                                </div>
                                    @php
                                        $nextSupportMonth = $sfaSaleRelation->supportMonth->where('is_completed', 0)->sortBy('month')->first();
                                    @endphp
                                    @if(!empty($nextSupportMonth))
                                    <div class="row" style="margin-bottom: 3px;display: flex;flex-wrap: wrap;">
                                        <div class="col-3 medium-heading d-flex align-items-center" style="background-color: #F5F5F5;">
                                            <b style="margin-left: 20px;">{{ __("clinic-purchased-equipments.show.b_after_support_month_next") }}</b>
                                        </div>
                                        <div class="col-9 main-text align-items-center">{{ $nextSupportMonth->month->format('Y.m') }}</div>
                                    </div>
                                    @endif
                                @endif
                            @endif
                            <p class="medium-heading align-items-center" style="margin: 30px 12px;">
                                <img src="/images/material/gear.png"> &emsp;<b>{{ __("clinic-purchased-equipments.show.b_repair_history") }}</b>
                            </p>

                            <table class="table">
                                <thead class="thead-light medium-heading">
                                    <tr>
                                        <th style="width: 30%">
                                            <b>{{ __("clinic-purchased-equipments.show.b_repair_completed_by") }}</b>
                                        </th>
                                        <th style="width: 70%">
                                            <b>{{ __("clinic-purchased-equipments.show.b_repair_link") }}</b>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody class="main-text">
                                    @if ($repairRequests->count() == 0)
                                        <tr>
                                            <td colspan="2">
                                                <b>{{ __("clinic-purchased-equipments.show.b_handling") }}</b>
                                            </td>
                                        </tr>
                                    @else
                                        @foreach($repairRequests as $repairRequest)
                                            <tr>
                                                <td>
                                                    {{
                                                        $repairRequest->repair_completed_at
                                                        ? date('Y/m/d', strtotime($repairRequest->repair_completed_at))
                                                        : '-'
                                                    }}
                                                </td>
                                                <td>
                                                    <a
                                                        href="{{ route('smartsupport.clinic.repair-request.show', $repairRequest) }}"
                                                    >
                                                        {{ __("clinic-purchased-equipments.show.button_repair_request") }}
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="col-12" style="margin: 30px 0;">
                        <div class="row">
                            @if($ownEquipment->ownOsadaConsumable->count() > 0)
                            <div class="col-md-4">
                                <a href="{{ route('productpromotion.clinic.consumable.index', $ownEquipment->id) }}" class="btn btn-block button-go btn-lg rounded-pill">
                                    {{ __("clinic-purchased-equipments.show.button_consumable") }}
                                </a>
                            </div>
                            @endif
                            @if($ownEquipment->repairRequest->count() > 0)
                            <div class="col-md-4">
                                <a href="{{ route('smartsupport.clinic.repair-request.equipment.show', $ownEquipment->id) }}" class="btn btn-block button-go btn-lg rounded-pill">
                                    {{ __("clinic-purchased-equipments.show.button_repair_history") }}
                                </a>
                            </div>
                            @endif
                            @if(!empty($ownEquipment->sfaSaleRelation) && $ownEquipment->sfaSaleRelation->is_join_support_pack && $ownEquipment->maintenanceResult->whereNotNull('end_at')->count() > 0)
                            <div class="col-md-4">
                                <a href="{{ route('productpromotion.clinic.purchased-equipment.maintenance-history.index', ['own_osada_equipment_id' => $ownEquipment->id]) }}" class="btn btn-block button-go btn-lg rounded-pill">
                                    {{ __("clinic-purchased-equipments.show.button_maintenance_history") }}
                                </a>
                            </div>
                            @endif
                        </div>
                    </div>

                    <div class="col-12" style="margin: 30px 0px;">
                        <div class="row">
                            @php
                                $manualFile = null;
                                if($isJapan){
                                    $manualFile = $ownEquipment->equipmentType->fileJa;
                                }else{
                                    $manualFile = $ownEquipment->equipmentType->fileEn;
                                }
                            @endphp
                            @if(!empty($manualFile))
                            <div class="col-md-4">
                                <a id="page-back" href="{{ \App\Models\File::getFileDomain() . $manualFile->url }}" class="btn btn-block button-back btn-lg rounded-pill">
                                    {{ __("clinic-purchased-equipments.show.button_manual") }}
                                </a>
                            </div>
                            @endif
                            @if(!empty($nextSupportMonth) && !empty($ownEquipment->clinic->sfaClinic) && !empty($ownEquipment->clinic->sfaClinic->affiliate) && !empty($ownEquipment->clinic->sfaClinic->affiliate->employee) && $ownEquipment->clinic->sfaClinic->affiliate->employee->count() > 0)
                            <div class="col-md-4">
                                <a href="{{ route('productpromotion.clinic.purchased-equipment.support-schedule.show', ['own_osada_equipment_id' => $ownEquipment->id, 'support_month_id' => $nextSupportMonth->id]) }}" class="btn btn-block button-go btn-lg rounded-pill">{{ __("clinic-purchased-equipments.show.button_maintenance_reserve") }}</a>
                            </div>
                            @endif
                            {{-- Zoom up(会誌)未実装のためコメントアウト --}}
                            {{-- <div class="col-md-4">
                                <a id="page-back" href="{{ route('smartsupport.clinic.repair-request.equipment.show', $ownEquipment->id) }}" class="btn btn-block button-go btn-lg rounded-pill">
                                    {{ __("clinic-purchased-equipments.show.button_zoom_up") }}
                                </a>
                            </div> --}}
                        </div>
                    </div>
                </div>
                @if($ownEquipment->equipmentType->equipment_id == \Modules\ProductPromotion\Entities\Equipment::ID_UNIT)
                <div class="col-12" style="margin: 30px 0;">
                    <p style="margin: 30px 12px; border-left: 5px solid #B89C81;">
                        &emsp;<b>{{ __("clinic-purchased-equipments.show.b_iot_graph") }}</b>
                    </p>
                    <div id="chart_area">
                        <div style="width: 500px; height: 300px;">
                            <canvas id="myChart"></canvas>
                        </div>
                    </div>
                </div>
                @endif
            </div>

            <div class="col-md-12 d-flex justify-content-center" style="margin-top: 30px;">
                <div class="col-md-3">
                    <a id="page-back" href="{{ route('productpromotion.clinic.purchased-equipment.index') }}" class="btn btn-block button-go btn-lg rounded-pill">
                        {{ __("clinic-purchased-equipments.show.button_back") }}
                    </a>
                </div>
            </div>
            @if ($isAccepted)
                <div class="col-md-12" style="margin-top: 20px; display: none;">
                    <button id="btn-accepted" type="button" class="btn btn-block button-go btn-lg rounded-pill" data-toggle="modal" data-target="#requestAcceptedModal"></button>
                </div>
            @endif
        </div>
    </div>

    <!-- Modal -->
    @if ($isAccepted)
        @include('productpromotion::clinic.consumable.modal.request_accepted')
    @endif
	@include('productpromotion::clinic.purchasedEquipment.modal.edit_alias')
  @include('productpromotion::clinic.purchasedEquipment.modal.edit_image')
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
    <link href="/css/pict_zoom.css" rel="stylesheet">
    <link href="/css/fileupload_drag&drop.css" rel="stylesheet">
@stop

@section('js')
    <script>
        const CLINIC_ID = {{ $ownEquipment->clinic_id }};
        const IMAGE_VALIDATION_MSG = '{{ __("clinic-purchased-equipments.show.msg_image_required") }}';
        const IMAGE_UPLOAD_ERR_MSG = '{{ __("clinic.errors.upload_file_failed") }}';
        const IMAGE_DELETE_ERR_MSG = '{{ __("clinic.errors.delete_file_failed") }}';
        const IMAGE_ALREADY_EXIST_ERR_MSG = '{{ __("clinic.errors.file_already_exist") }}';
        const IMAGE_ONLY_SINGLE_FILE_UPLOADABLE_ERR_MSG = '{{ __("clinic.errors.only_single_file_uploadable") }}';
        const DELETE_BTN_TEXT = '{{ __("clinic.common.delete") }}';
    </script>
    <script src="/js/upload/base.js" type="module"></script>
    <script src="/js/upload/ajaxForOwnOsadaEquipmentImage.js" type="module"></script>
    <script type="module">
        @if ($isAccepted)
            $('#btn-accepted').click();
            $('#btn-accepted').parent().remove();
        @endif

        // 購入機器画像ファイルアップロード/削除処理
        import AjaxForOwnOsadaEquipmentImage from '/js/upload/ajaxForOwnOsadaEquipmentImage.js';
        document.addEventListener("DOMContentLoaded", () => {
            const ajaxForOwnOsadaEquipmentImage = new AjaxForOwnOsadaEquipmentImage('file', 'dropArea', 'uploadFileList', 'uploadImagePreview', 'editImageForm');
        });

        $(function(){

            @foreach ($ownConsumables as $ownConsumable)
                // お問い合わせボタン
                $('#message-confirm{{ $ownConsumable->id }}').on('click', function(){
                    if($("#message-text{{ $ownConsumable->id }}").val().trim() == ""){
                        $("#alert-message{{ $ownConsumable->id }}").text('{!! __("clinic-repair-request-modal.js.alert_msg_required_msg") !!}')
                        return false;
                    }
                    $("#message-text-confirm{{ $ownConsumable->id }}").text($("#message-text{{ $ownConsumable->id }}").val())
                    $('#purchaeRequestModal{{ $ownConsumable->id }}').modal('hide');
                    $('#purchaeRequestConfirmModal{{ $ownConsumable->id }}').modal('show');
                });
                $('#message-submit{{ $ownConsumable->id }}').on('click', function(){
                    $("#messageForm{{ $ownConsumable->id }}").submit()
                });
            @endforeach

            $('form#editImageForm').submit(function(){
                let fileElementCount = 0;
                fileElementCount = $('input[id^="file_id"]').length;
                if(fileElementCount == 0){
                    alert(IMAGE_VALIDATION_MSG);
                    return false;
                }
            });
        });
    </script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.bundle.min.js"></script>
    @include('productpromotion::clinic.purchasedEquipment.graph.iotData', ['clinic_id' => $ownEquipment->clinic_id, 'own_osada_equipment_id' => $ownEquipment->id])
@stop