@php
    $userAgent = $_SERVER['HTTP_USER_AGENT'];
    $isMobile = strpos($userAgent, 'Mobile') !== false || strpos($userAgent, 'iPhone') !== false;
@endphp
<p style="margin: 30px 12px;"><b>修理項目の表示</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 : 'その他' }}</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
                                            交換不希望
                                        @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"
                                        >
                                            交換理由
                                        </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::agency.repairRequest.modal.reason_for_repair')
                    @endforeach
                </div>
            </section>
        @endforeach
    @endforeach
</div>

<div class="col-md-12">
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-md-6" style="text-align:left;">
                    <b>ご請求額（税抜）：</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" style="margin-top: 10px;">
                <div class="col-md-6" style="text-align:left;">
                    <b>税込&emsp;：</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">当修理は支払い済みです。</p>
@endif