@extends('adminlte::page')

@section('title', __('clinic-purchased-equipments.index.title'))

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

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <label style="margin: 10px 15px 10px 5px;">
                    {{ __('clinic-purchased-equipments.index.label_btn_group_display_switch') }}：
                </label>
                <div class="btn-group-toggle" data-toggle="buttons">
                    <label class="btn rounded-pill active" for="all_answer">
                        <input type="radio" name="is_answered" form="search" value="2" id="all_answer" autocomplete="off" checked>
                        {{ __('clinic-purchased-equipments.index.btn_purchased_equipments') }}
                    </label>
                    <label class="btn rounded-pill" style="margin-left:10px" for="answered">
                        <input type="radio" name="is_answered" form="search" value="1" id="answered" autocomplete="off">
                        {{ __('clinic-purchased-equipments.index.btn_purchased_history') }}
                    </label>
                    <label class="btn rounded-pill" style="margin-left:10px" for="not_answered">
                        <input type="radio" name="is_answered" form="search" value="0" id="not_answered" autocomplete="off">
                        {{ __('clinic-purchased-equipments.index.btn_repair_history') }}
                    </label>
                </div>
            </div>
        </div>

        <div class="col-md-12" style="margin-top: 20px;">
            <x-admin.validation-message />
            <form method="GET" action="{{ route('productpromotion.clinic.purchased-equipment.index') }}" id="search">
                <div class="input-group mb-4">
                    <input type="text" name="keyword" class="form-control" placeholder="{{ __('clinic-purchased-equipments.index.input_keyword_placeholder') }}" value="{{ $inputs['keyword'] ?? '' }}" style="border-top-left-radius: 10px; border-bottom-left-radius: 10px;">
                    <select name="equipment_type_target" id="" class="custom-select">
                        <option value="" selected>{{ __('clinic-purchased-equipments.index.select_equipment_type_target') }}</option>
                    @foreach (EquipmentTypeHelper::allEquipmentTypeTarget() as $key => $value)
                        @if (isset($inputs['equipment_type_target']) && $value === $inputs['equipment_type_target'])
                            <option value="{{ $value }}" selected>{{ $key }}</option>
                        @else
                            <option value="{{ $value }}">{{ $key }}</option>
                        @endif
                    @endforeach
                    </select>
                    <select name="equipment_genre" id="" class="custom-select">
                        <option value="" selected>{{ __('clinic-purchased-equipments.index.select_equipment_genre') }}</option>
                    @foreach (EquipmentGenreHelper::allEquipmentGenres() as $key => $value)
                        @if (isset($inputs['equipment_genre']) && (string) $key === $inputs['equipment_genre'])
                            <option value="{{ $key }}" selected>{{ $value }}</option>
                        @else
                            <option value="{{ $key }}">{{ $value }}</option>
                        @endif
                    @endforeach
                    </select>
                    <div class="input-group-append">
                        <button class="btn button-go" type="submit" style="margin-top: 0px; margin-left: -2px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;">
                            &emsp;<i class="fas fa-search"></i>&emsp;
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <input type="hidden" name="layout_type" value="{{ $layoutType }}" />
                        @php
                            $ownOsadaEquipmentModel = new \Modules\ProductPromotion\Entities\OwnOsadaEquipment();
                            $gridBtnClass = $layoutType == $ownOsadaEquipmentModel->getLayoutTypeGrid() ? 'button-go' : 'button-back';
                            $tableBtnClass = $layoutType == $ownOsadaEquipmentModel->getLayoutTypeTable() ? 'button-go' : 'button-back';
                        @endphp
                        <button
                            id="showGrid"
                            class="btn {{ $gridBtnClass }}"
                            data-type="0"
                            @if ($layoutType == $ownOsadaEquipmentModel->getLayoutTypeGrid())
                                disabled
                            @endif
                        >
                            <i class="fas fa-th"></i>
                        </button>
                        <button
                            id="showTable"
                            class="btn {{ $tableBtnClass }}"
                            data-type="1"
                            @if ($layoutType == $ownOsadaEquipmentModel->getLayoutTypeTable())
                                disabled
                            @endif
                        >
                            <i class="fas fa-table"></i>
                        </button>
                    </div>
                </div>
            </form>
        </div>

@if($ownOsadaEquipments->count() > 0)
        <div class="col-md-12">
            @include('productpromotion::clinic.purchasedEquipment.parts.' . $bladeName, ['ownOsadaEquipments' => $ownOsadaEquipments, 'thisMonthFirstDayStr' => $thisMonthFirstDayStr])
        </div>
        <div style="margin: 0 auto;">
            {{$ownOsadaEquipments->appends(request()->query())->links() }}
        </div>
@else
        <div class="col-md-12">
            <p>{{ __('clinic-purchased-equipments.index.no_purchased_equipment') }}</p>
        </div>
@endif
    </div>
@stop

@section('js')
<script src="/js/purchasedEquipment.js" type="module"></script>
@stop

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