@php
    $userAgent = $_SERVER['HTTP_USER_AGENT'];
    $isMobile = strpos($userAgent, 'Mobile') !== false || strpos($userAgent, 'iPhone') !== false;
@endphp
<p style="margin: 30px 12px;"><b>{!! __("clinic-repair-request-parts.if_payed.b_repair_item") !!}</b></p>
<div class="col-md-12">
    @foreach ($estimateDetails as $groupNumber => $groupData)
        @foreach ($groupData as $groupName => $estimateInfoDetails)
			@php
                $firstRecord = $estimateInfoDetails->first();
				if (
                        $firstRecord->content === __('common.fees.inspection_fee', [], 'ja')
                        || $firstRecord->content === __('common.fees.inspection_fee', [], 'en')
                ) {
                    continue;
                }
            @endphp
            <section>
                <div class="col-md-12 group-box">
                    <div class="row">
                        <div class="col-12 group-name">
                            <b>{{ $groupName ? $groupName : __("clinic-repair-request-parts.common.b_estimate_group_extra") }}</b>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 group-content">
                    @foreach ($estimateInfoDetails as $estimateInfoDetail)
                        @php
                            if (
                                    $estimateInfoDetail->content === __('common.fees.inspection_fee', [], 'ja')
                                    || $estimateInfoDetail->content === __('common.fees.inspection_fee', [], 'en')
                            ) {
                                continue;
                            }
                        @endphp
                        <div class="row" id="rec_repairItem{{ $estimateInfoDetail->id }}">
                            <div class="col-md-6 d-flex align-items-center" style="height: 50px; background-color: #dcdcdc">
                                <b style="font-size: 14px;">{{ $estimateInfoDetail->content }}</b>
                            </div>
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-6 d-flex align-items-center justify-content-center" style="height: 50px;">
                                        <b>{{ ($estimateInfoDetail->estimated_price)?
                                            "￥".number_format($estimateInfoDetail->estimated_price) : '-' }}</b>
                                    </div>
                                    <div class="col-md-3 col-3 d-flex align-items-center" style="height: 50px;">
                                        @if ($estimateInfoDetail->is_replace_requested)
                                            <img src="/images/material/check_icon02.png">
                                        @else
                                            {!! __("clinic-repair-request-parts.if_payed.text_replace_not_requested") !!}
                                        @endif
                                    </div>
                                    @if ($estimateInfoDetail->reason_for_repair)
                                    <div class="col-md-3 col-3 d-flex align-items-center justify-content-center" style="height: 50px;">
                                        @if ($isMobile)
                                        <button
                                            data-toggle="modal"
                                            data-target="#reasonForRepairModal{{ $estimateInfoDetail->id }}"
                                            class="btn btn-block button-go rounded-pill"
                                        >
                                            {!! __("clinic-repair-request-parts.common.b_reason_for_repair") !!}
                                        </button>
                                        @else
                                        <button
                                            data-toggle="modal"
                                            data-target="#reasonForRepairModal{{$estimateInfoDetail->id}}"
                                            style="border: none; background-color: #fff;"
                                        >
                                            <i class="fas fa-question-circle" style="font-size: 20px;"></i>
                                        </button>
                                        @endif
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        @include('smartsupport::clinic.repair-request.modal.reason_for_repair')
                    @endforeach
                </div>
            </section>
        @endforeach
    @endforeach
</div>

<div class="col-md-12">
    <div class="card sm-pt-2">
        <div class="card-body">
            <div class="row row sm-mg-0">
                <div class="col-md-6" style="text-align:left;">
                    <b>{!! __("clinic-repair-request-parts.common.b_billing_amount") !!}：</b>
                </div>
                <div class="col-md-6" style="text-align:right;">
                    <b>￥{{ number_format(round($model->estimateInfo->total_price)) }}</b>
                </div>
            </div>
            <div class="row row sm-mg-0" style="margin-top: 10px;">
                <div class="col-md-6" style="text-align:left;">
                    <b>{!! __("clinic-repair-request-parts.common.b_include_tax") !!}：</b>
                </div>
                <div class="col-md-6" style="text-align:right;">
                    <b style="font-size: 20px; color: red;">￥{{ number_format(round($model->estimateInfo->billed_price)) }}
                    </b>
                </div>
            </div>
        </div>
    </div>
</div>
@if($model->payment_method_id == App\Models\PaymentMethod::ID_CREDIT_CARD)
<p class="d-flex justify-content-center">{!! __("clinic-repair-request-parts.if_payed.p_already_payed") !!}</p>
@endif