@extends('adminlte::page')

@section('title', __('clinic-maintenance-history.index.title'))

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

@section('content')
    <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">
                    <div class="row" style="margin-top:0.5rem;">
                        <p><b>{{ $ownOsadaEquipment->equipmentType->sales_name }}</b></p>
                    </div>
                    <div class="row" style="margin-top:0.5rem;">
                        <div class="col-md-12" style="padding:0;">
                            <table class="tbl-r04 table">
                                <thead class="thead-light medium-heading">
                                    <tr class="thead">
                                      <th width="50%">{{ __('clinic-maintenance-history.index.label_end_at') }}</th>
                                      <th width="50%">{{ __('clinic-maintenance-history.index.label_maintenance_result') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                @if($maintenanceResults->count() > 0)
                                    @foreach($maintenanceResults as $maintenanceResult)
                                    <tr>
                                      <td>{{ $maintenanceResult->end_at->format('Y.m.d') }}</td>
                                      <td align="center">
                                          <a href="{{ route('productpromotion.clinic.purchased-equipment.maintenance-history.download', ['own_osada_equipment_id' => $own_osada_equipment_id, 'maintenance_result_id' => $maintenanceResult->id])}}" class="btn btn-block button-go btn-lg rounded-pill">{{ __('clinic-maintenance-history.index.button_back') }}</a>
                                      </td>
                                    </tr>
                                    @endforeach
                                @else
                                    <tr>
                                        <td colspan="2" style="text-align: center;">{{ __('clinic-maintenance-history.index.no_maintenance_result') }}</td>
                                    </tr>
                                @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @if ($maintenanceResults->count() > 0)
                    <div class="row">
                        <div style="margin: 0 auto;">
                            {{ $maintenanceResults->appends(request()->query())->links() }}
                        </div>
                    </div>
                    @endif
                </div>
            </div>
            <div class="row col-md-12 justify-content-center" style="margin:auto;">
                <div class="col-md-4">
                    <button type="button" onclick="location.href='{{ route('productpromotion.clinic.purchased-equipment.show', $own_osada_equipment_id) }}'" class="btn btn-sm btn-block button-back rounded-pill">{{ __('clinic-maintenance-history.index.button_back') }}</button>
                </div>
            </div>
        </div>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
    <style>
        @media screen and (max-width: 768px) {
            .tbl-r04 {
                width: 100%;
            } 
            .tbl-r04 .thead {
                display: none;
            }
            .tbl-r04 tr,
            .tbl-r04 td{
                text-align: center;
                display: block;
                width: 100%;
                position: relative;
            }
            .tbl-r04 td:first-child {
                color: #495057;
                background-color: #e9ecef;
                border-color: #dee2e6;
                font-weight: bold;
                text-align: center;
            }
            .tbl-r04 tr {
                margin-bottom: 40px;
            }
        }
    </style>
@stop