@extends('layouts.main')

@section('title')
    {{ __('Ver Visita') }}
@endsection
<!-- add before </body> -->

<script src="https://unpkg.com/filepond/dist/filepond.js"></script>
@section('page-title')
    <div class="page-title">
        <div class="row">
            <div class="col-12 col-md-6 order-md-1 order-last">
                <h4>@yield('title')</h4>

            </div>
            <div class="col-12 col-md-6 order-md-2 order-first">
                <nav aria-label="breadcrumb" class="breadcrumb-header float-start float-lg-end">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item">
                            <a href="{{ route('visits.index') }}" id="subURL">Ver Visita</a>
                        </li>

                    </ol>
                </nav>
            </div>
        </div>
    </div>
@endsection
@section('content')
    {!! Form::open([
        'route' => ['visits.update', $list->id],
        'method' => 'PATCH',
        'data-parsley-validate',
        'files' => true,
        'id' => 'myForm',
    ]) !!}
    <div class="card">

        <hr>
        <div class="card-body">

            <p>Datos de Visita</p>


            <div class="row">
                <div class="col-md-4 form-group ">

                    {{ Form::label('date', __('Fecha'), ['class' => 'form-label col-12 ']) }}
                    <p>{{ $list->date }}</p>
                </div>


                <div class="col-md-4 form-group ">

                    {{ Form::label('status', __('Estatus'), ['class' => 'form-label col-12 ']) }}
                    <p>{{ $list->status }}</p>
                </div>

                <div class="col-md-4 form-group ">

                    {{ Form::label('status', __('Pre Aprobacion'), ['class' => 'form-label col-12 ']) }}
                    <a href="/approvals-view/{{ $list->approval_id }}">{{ $list->approval_id }}</a>
                </div>



            </div>
            <br>

            <p>Datos de Cliente</p>


            <div class="row">
                <div class="col-md-4 form-group ">

                    {{ Form::label('date', __('Nombre y Apellido'), ['class' => 'form-label col-12 ']) }}
                    <a href="{{ route('customer.view', ['id' => $customer->id]) }}" target="_blank">
                        <p>{{ $customer->name }}</p>
                    </a>
                </div>

                <div class="col-md-4 form-group ">

                    {{ Form::label('status', __('Email'), ['class' => 'form-label col-12 ']) }}
                    <p>{{ $customer->email }}</p>
                </div>

                <div class="col-md-4 form-group ">

                    {{ Form::label('source_income', __('Nùmero de Telefono'), ['class' => 'form-label col-12 ']) }}
                    <p>{{ $customer->mobile }}</p>
                </div>

            </div>

            <br>

            <p>Datos de Propiedad</p>


            <div class="row">
                <div class="col-md-4 form-group ">

                    {{ Form::label('date', __('Nombre'), ['class' => 'form-label col-12 ']) }}
                    <a href="{{ route('property.view', ['id' => $property->id]) }}" target="_blank">
                        <p>{{ $property->title }}</p>
                    </a>
                </div>

                <div class="col-md-4 form-group ">

                    {{ Form::label('status', __('Monto'), ['class' => 'form-label col-12 ']) }}
                    <p>{{ $property->price }} $</p>


                </div>

                <div class="col-md-4 form-group ">
                    {{ Form::label('status', __('Imagen'), ['class' => 'form-label col-12 ']) }}


                    @if (isset($property->title_image))
                        <div class="card1 title_img">
                            <img src="{{ $property->title_image }}" alt="Image" class="card1-img">

                        </div>
                    @endif

                </div>

            </div>

            <div class="row">
                <div class="col-md-4 form-group">
                    {{ Form::label('compania', __('Modelo'), ['class' => 'form-label col-12 '], ['disabled' => 'disabled']) }}
                    <p>{{ $property->company }}</p>
                </div>
                <div class="col-md-4 form-group">
                    {{ Form::label('deposito', __('Meses en depósito'), ['class' => 'form-label col-12 '], ['disabled' => 'disabled']) }}
                    <p>{{ $property->month_deposits }}</p>
                </div>
                <div class="col-md-4 form-group">
                    {{ Form::label('adelanto', __('Meses en adelanto'), ['class' => 'form-label col-12 '], ['disabled' => 'disabled']) }}
                    <p>{{ $property->month_in_advance }}</p>
                </div>
            </div>

            <div class="row">
                <div class="col-md-4 form-group">
                    {{ Form::label('porcentaje_inicial', __('Porcentaje de Pago Inicial'), ['class' => 'form-label col-12 '], ['disabled' => 'disabled']) }}
                    <p>{{ $property->percentage_initial_payment }}</p>
                </div>
                <div class="col-md-4 form-group">
                    {{ Form::label('inicial', __('Pago inicial'), ['class' => 'form-label col-12 '], ['disabled' => 'disabled']) }}
                    <p>{{ $property->initial_payment }}</p>
                </div>
                <div class="col-md-4 form-group">
                    {{ Form::label('cuotas', __('Número de cuotas'), ['class' => 'form-label col-12 '], ['disabled' => 'disabled']) }}
                    <p>{{ $property->number_quotes }}</p>
                </div>
            </div>

            <div class="row">
                <div class="col-md-4 form-group">
                    {{ Form::label('propietario', __('Propietario'), ['class' => 'form-label col-12 '], ['disabled' => 'disabled']) }}
                    @if (!empty($owner) && (!empty($owner->name) || !empty($owner->mobile)))
                    <p>{{ $owner->name . ' (' . $owner->mobile . ')' }}</p>
                    @else
                        <p>-</p> {{-- O puedes dejarlo vacío <p></p> si prefieres --}}
                    @endif
                </div>

                <div class="col-md-4 form-group">
                    {{ Form::label('fecha', __('Fecha'), ['class' => 'form-label col-12 ']) }}
                    <input type="date" class="form-control" name="day_of_visit" value="{{ $list->day_of_visit }}">
                </div>
            
                <div class="col-md-4 form-group">
                    {{ Form::label('hora', __('Hora'), ['class' => 'form-label col-12 ']) }}
                    <input type="time" class="form-control" name="hour" value="{{ $list->hour }}">
                </div>
            </div>

            <br>
            <p>Cambiar Estatus</p>



            <div class="row" style="">

                <div class="col-md-4 form-group mandatory">
                    {{ Form::label('status', __('Estatus'), ['class' => 'form-label col-12 '], ['disabled' => 'disabled']) }}
                    <select class="form-control" name="status">
                        @if ($list->status == 'new')
                            <option selected value="pending">Pending</option>
                            <option value="confirmed">Confirmed</option>
                            <option value="done">Completed</option>
                            <option value="completed-no-existosa">Completada (No exitosa)</option>
                            <option value="canceled">Canceled</option>
                        @elseif($list->status == 'confirmed')
                            <option value="pending">Pending</option>
                            <option selected value="confirmed">Confirmed</option>
                            <option value="done">Completed</option>
                            <option value="completed-no-existosa">Completada (No exitosa)</option>
                            <option value="canceled">Canceled</option>
                        @elseif($list->status == 'completed')
                            <option value="pending">Pending</option>
                            <option value="confirmed">Confirmed</option>
                            <option selected value="done">Completed</option>
                            <option value="completed-no-existosa">Completada (No exitosa)</option>
                            <option value="canceled">Canceled</option>
                        @elseif($list->status == 'completed-no-existosa')
                            <option value="pending">Pending</option>
                            <option value="confirmed">Confirmed</option>
                            <option value="done">Completed</option>
                            <option selected value="completed-no-existosa">Completada (No exitosa)</option>
                            <option value="canceled">Canceled</option>
                        @elseif($list->status == 'canceled')
                            <option value="pending">Pending</option>
                            <option value="confirmed">Confirmed</option>
                            <option value="done">Completed</option>
                            <option value="completed-no-existosa">Completada (No exitosa)</option>
                            <option selected value="canceled">Canceled</option>
                        @else
                            <option selected value="pending">Pending</option>
                            <option value="confirmed">Confirmed</option>
                            <option value="done">Completed</option>
                            <option value="completed-no-existosa">Completada (No exitosa)</option>
                            <option value="canceled">Canceled</option>
                        @endif

                    </select>
                </div>

                
            </div>

        </div>
    </div>

    <div class='col-md-12 d-flex justify-content-end mb-3'>
        <input type="submit" class="btn btn-primary" value="Actualizar">
        &nbsp;
        &nbsp;

    </div>
    {!! Form::close() !!}

    </div>

    </div>
@endsection
@section('script')
    <script>
        /*function copyToClipboard(event) {
            event.preventDefault();
            var content = document.getElementById("copy-content").innerText;
            navigator.clipboard.writeText(content).then(function() {
                console.error("Contenido copiado al portapapeles");
            }).catch(function(err) {
                console.error("Error al copiar al portapapeles: ", err);
            });
        }*/
    </script>
    <style>
        .error-message {
            color: red;
            margin-top: 5px;
            font-size: 15px;
        }
    </style>
@endsection