@props([
    'export' => false,
    'showSignature' => false,
    'loadScript' => false,
])
@extends('report.layout')
@section('title', $estimate->correlative_code)
@section('type', __('lang.estimate'))

@section('client_info')
    <td>
        @include('report.partial.client-info', ['client' => $estimate->project->client])
    </td>
@endsection

@section('project_info')
    <td style="text-align: left">
        @include('report.partial.project-info', ['project' => $estimate->project])
    </td>
@endsection

@section('extra_info')
    <td>
        <h3>{{ __('lang.estimate') }}</h3>
        {{ __('lang.number') }}
        #: {{ $estimate->correlative_code }}<br/>
        {{ __('lang.created_at') }}
        : {{ DateHelper::format($estimate->created_at) }}<br/>
    </td>
@endsection



@section('content')
    <hr>
    <br>
    {!! $estimate->introduction !!}
    <hr>

    <br>
    <h4>{{ __('lang.contract_detail') }}</h4>
    <br>
    {!! $estimate->contract_detail !!}

    <table>
        <tr class="item">
            <td>{{ __('lang.sub_total') }}</td>

            <td>{{ MoneyHelper::format($estimate->sub_total) }}</td>
        </tr>
        <tr class="item {{ !$estimate->discount_id ? 'last' : '' }}">
            <td>{{ __('lang.tax') }}</td>

            <td>{{ MoneyHelper::format($estimate->tax) }}</td>
        </tr>
        @if($estimate->discount_id)
            <tr class="item last">
                <td>{{ __('lang.discount') }}
                    : {{ $estimate->discount->getDiscountName() }}</td>
                <td class="text-danger">{{ MoneyHelper::format($estimate->getDiscountTotal() * -1) }}</td>
            </tr>
        @endif

        <tr class="total">
            <td>{{ __('lang.total') }}:</td>
            <td>{{ MoneyHelper::format($estimate->total) }}</td>
        </tr>

        @if($showSignature && $estimate->clientStatusEstimates->last() !== null && $estimate->clientStatusEstimates->last()->status === \App\Models\ClientStatusEstimate::ACCEPTED)
            <tr>
                <td colspan="100%" style="text-align: center">
                    <img style="max-width: 100%; margin-top: 10px"
                         src="{{ $estimate->clientStatusEstimates->last()->signature_client }}" alt="">
                </td>
            </tr>
        @endif
    </table>

    @if(!$clientStatusEstimate->hasResponse())
        <hr>
        <br>

        <div class="">
            <ul class="nav button-tab nav-pills mb-16" id="pills-tab-three" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link fw-semibold text-primary-light radius-4 px-16 py-10 active"
                            id="pills-button-home-tab" data-bs-toggle="pill" data-bs-target="#pills-button-home"
                            type="button" role="tab" aria-controls="pills-button-home" aria-selected="true">
                        <i class="fa fa-check"></i> {{ __('lang.quote.accept_and_sign_change_order') }}
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link fw-semibold text-primary-light radius-4 px-16 py-10"
                            id="pills-button-details-tab" data-bs-toggle="pill" data-bs-target="#pills-button-details"
                            type="button" role="tab" aria-controls="pills-button-details" aria-selected="false"
                            tabindex="-1">
                        <i class="fa fa-pen"></i> {{ __('lang.quote.request_revision') }}
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link fw-semibold text-primary-light radius-4 px-16 py-10"
                            id="pills-button-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-button-profile"
                            type="button" role="tab" aria-controls="pills-button-profile" aria-selected="false"
                            tabindex="-1">
                        <i class="fas fa-cancel"></i> {{ __('lang.quote.reject_change_order') }}
                    </button>
                </li>
            </ul>
            <div class="tab-content" id="pills-tab-threeContent">
                <div class="tab-pane fade active show" id="pills-button-home" role="tabpanel"
                     aria-labelledby="pills-button-home-tab" tabindex="0">
                    <!-- Accepted -->
                    <form action="{{ route('save-response-quote-client', ['uuid' => $clientStatusEstimate->uuid]) }}"
                          method="post">
                        @csrf
                        <div class="row g-3">
                            <input type="hidden" value="4" name="status">
                            <div class="col-12">
                                <x-bootstrap.input-text
                                        label="{{ __('lang.your_full_name') }}"
                                        name="name-signature-client"
                                        value="{{ $clientStatusEstimate->estimateTemplate->project->client->getCompleteName() }}"
                                />
                            </div>

                            <div class="col-12">
                                <x-signature-pad name="signature-client" :required="true"/>
                            </div>

                            <div class="col-12 text-end">
                                <x-bootstrap.button-save icon="fas fa-paper-plane" name="{{ __('lang.submit') }}"/>
                            </div>

                        </div>
                    </form>

                </div>
                <div class="tab-pane fade" id="pills-button-details" role="tabpanel"
                     aria-labelledby="pills-button-details-tab" tabindex="0">
                    <!-- Revision -->
                    <form action="{{ route('save-response-quote-client', ['uuid' => $clientStatusEstimate->uuid]) }}"
                          method="post">
                        @csrf
                        <div class="row g-3">
                            <input type="hidden" value="3" name="status">
                            <div class="col-12">
                                <x-bootstrap.input-text
                                        label="{{ __('lang.your_full_name') }}"
                                        name="name-signature-client"
                                        value="{{ $clientStatusEstimate->estimateTemplate->project->client->getCompleteName() }}"
                                />
                            </div>

                            <div class="col-12">
                                <x-bootstrap.summernote-editor label="{{ __('lang.comment') }}" name="comment-client"/>
                            </div>

                            <div class="col-12 text-end">
                                <x-bootstrap.button-save icon="fas fa-paper-plane" name="{{ __('lang.submit') }}"/>
                            </div>

                        </div>
                    </form>

                </div>
                <div class="tab-pane fade" id="pills-button-profile" role="tabpanel"
                     aria-labelledby="pills-button-profile-tab" tabindex="0">
                    <!-- Rejected -->
                    <form action="{{ route('save-response-quote-client', ['uuid' => $clientStatusEstimate->uuid]) }}"
                          method="post">
                        @csrf
                        <div class="row g-3">
                            <input type="hidden" value="3" name="status">
                            <div class="col-12">
                                <x-bootstrap.input-text
                                        label="{{ __('lang.your_full_name') }}"
                                        name="name-signature-client"
                                        value="{{ $clientStatusEstimate->estimateTemplate->project->client->getCompleteName() }}"
                                />
                            </div>

                            <div class="col-12">
                                <x-bootstrap.summernote-editor label="{{ __('lang.comment') }}" name="comment-client"/>
                            </div>

                            <div class="col-12 text-end">
                                <x-bootstrap.button-save icon="fas fa-paper-plane" name="{{ __('lang.submit') }}"/>
                            </div>

                        </div>
                    </form>
                </div>
            </div>
        </div>

    @elseif($clientStatusEstimate->isAccepted())
        <br>
        <h5>{{ __('lang.status') }}: {{ $clientStatusEstimate->getStatusLabel() }}</h5>
        <div style="text-align: center;">
            <img style="width: 100%; {{ $clientStatusEstimate->estimateTemplate->is_approved_by_admin ? 'max-width: 160px;' : '' }}"
                 src="{{ $clientStatusEstimate->signature_client }}" alt="">
        </div>

    @elseif($clientStatusEstimate->isRevision() || $clientStatusEstimate->isCanceled())
        <br>
        <h5>{{ __('lang.status') }}: {{ $clientStatusEstimate->getStatusLabel() }}</h5>
        <h5>{{ __('lang.comment') }}:</h5>
        <p>{!! $clientStatusEstimate->comment_client !!}</p>
    @endif
@endsection