@php
    $userAgent = $_SERVER['HTTP_USER_AGENT'];
    $isMobile = strpos($userAgent, 'Mobile') !== false || strpos($userAgent, 'iPhone') !== false;
@endphp
<div class="col-md-12" style="margin: 30px 12px; overflow: auto;">
    <div class="row">
        <div class="col-md-9 d-flex">
            <p><b>修理項目の選択</b></p>
        </div>
        @if (!$isMobile)
            <div class="col-md-3 d-flex">
                <div class="col-md-6"></div>
                <div class="col-md-6 d-flex justify-content-center" style="padding: 0;">
                    <p><b>交換理由</b></p>
                </div>
            </div>
        @endif
    </div>
</div>
<div class="col-md-12">
    @foreach ($estimateDetails as $groupNumber => $groupData)
        @foreach ($groupData as $groupName => $estimateInfoDetails)
            <section>
                <div class="col-md-12 group-box">
                    <div class="row">
                        <div class="col-8 group-name">
                            <b>{{ $groupName ? $groupName : 'その他' }}</b>
                        </div>
                        <div class="col-4">
                        </div>
                    </div>
                </div>
                <div class="col-md-12 group-content">
                    @foreach ($estimateInfoDetails as $estimateInfoDetail)
                        @if (($estimateInfoDetail->content === __('common.fees.rental_fee', [], 'ja') || $estimateInfoDetail->content === __('common.fees.rental_fee', [], 'en')) && (!$model->latestRepairRentalItem || !$model->latestRepairRentalItem->delivery_worked_at)) {
                            @continue
                        @endif
                        <div class="row"
                            @if (
                                $estimateInfoDetail->content === __('common.fees.inspection_fee', [], 'ja')
                                || $estimateInfoDetail->content === __('common.fees.inspection_fee', [], 'en')
                            )
                                id="cancel-record"
                            @else
                                id="rec_repairItem{{ $estimateInfoDetail->id }}"
                            @endif>
                            <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 d-flex align-items-center justify-content-center" style="height: 50px; padding-bottom: 15px;">
                                        <div class="form-check">
                                            <input type="checkbox" class="form-check-input"
                                                form="customRepairListForm"
                                                @if ($estimateInfoDetail->content !== '点検料金')
                                                name="is_replace_requested[]"
                                                value="{{$estimateInfoDetail->id}}"
                                                @endif
                                                @if (
                                                    (
                                                        $estimateInfoDetail->content === __('common.fees.rental_fee', [], 'ja')
                                                        || $estimateInfoDetail->content === __('common.fees.rental_fee', [], 'en')
                                                    )
                                                    && $model->latestRepairRentalItem && $model->latestRepairRentalItem->delivery_worked_at
                                                )
                                                data-delivery-worked="true"
                                                @endif
                                                data-price="{{ $estimateInfoDetail->estimated_price }}"
                                                id="repairItem{{ $estimateInfoDetail->id }}" data-name="{{ $estimateInfoDetail->content }}"
                                                data-maintenance="{{ $estimateInfoDetail->is_maintenance }}"
                                                data-required="{{ $estimateInfoDetail->is_required }}" checked
                                            >
                                            <label class="form-check-label group-required-label" for="repairItem{{ $estimateInfoDetail->id }}">
                                                @if (
                                                    $estimateInfoDetail->is_required ||
                                                    (
                                                        $estimateInfoDetail->content === __('common.fees.inspection_fee', [], 'ja')
                                                        || $estimateInfoDetail->content === __('common.fees.inspection_fee', [], 'en')
                                                    )
                                                )
                                                <b style="color: red; font-size: 12px;">
                                                    <sup>★</sup>必須
                                                </b>
                                                @endif
                                            </label>
                                        </div>
                                    </div>
                                    @if ($estimateInfoDetail->reason_for_repair)
                                    <div class="col-md-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
    <input type="checkbox" class="form-check-input" id="repair-stop" style="display:none;" checked>
</div>

<div class="col-md-12" style="margin: 30px 20px;">
    <div class="form-check">
        <input type="checkbox" class="form-check-input" id="exampleCheck8">
        <label class="form-check-label" for="exampleCheck8">
            交換部品の返却を希望します
        </label>
    </div>
</div>

<div class="col-12">
    <div class="card">
        <div class="card-body text-center">
            <div class="row">
                <div class="col-md-6" style="font-size: 15px;text-align:left;">
                    <b>ご請求額（税抜）：</b>
                </div>
                <div class="col-md-6" style="text-align:right;">
                    <b id="total-price"> - </b>
                </div>
            </div>

            <div class="row" style="margin-top: 10px;">
                <div class="col-md-6" style="text-align:left;">
                    <b style="font-size: 15px;">税込&emsp;：</b>
                </div>
                <div class="col-md-6" style="text-align:right;">
                    <b style="font-size: 20px; color: red;" id="total-price-intax" data-price="0"> -
                    </b>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="col-md-12 d-flex justify-content-center" style="margin-top: 60px;">
    <div class="col-md-7">
        <button type="button" id="fix-estimate" class="btn btn-block button-go btn-lg rounded-pill" data-toggle="modal"
            data-target="#RepairRequestOption1">
        @if($model->payment_method_id == App\Models\PaymentMethod::ID_CREDIT_CARD)
            お支払い手続きへ進む
        @else
            お手続きへ進む
        @endif
        </button>
    </div>
</div>