@extends('layouts.main')

@section('title')
    {{ __('Ver Documentos') }}
@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('collections.index') }}" id="subURL">Ver Solicitudes</a>
                        </li>

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

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

                <p>Datos de Cliente <a href="/customer"><i class="bi bi-arrow-right"></i></a></p>


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

                    {{ Form::label('date', __('Nombre y Apellido'), ['class' => 'form-label col-12 ']) }}
                    {{ Form::text('date', isset($customer->name) ? $customer->name : '', ['class' => 'form-control', 'readonly' => 'true']) }}

                    </div>

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

                    {{ Form::label('status', __('Email'), ['class' => 'form-label col-12 ']) }}
                    {{ Form::text('status', isset($customer->email) ? $customer->email : '', ['class' => 'form-control', 'placeholder' => 'Nombre', 'required' => true, 'id' => 'name', 'step' => 'any', 'readonly' => 'true']) }}

                    </div>

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

                    {{ Form::label('source_income', __('Nùmero de Telefono'), ['class' => 'form-label col-12 ']) }}
                    {{ Form::text('source_income', isset($customer->mobile) ? $customer->mobile : '', ['class' => 'form-control', 'placeholder' => 'Nombre', 'required' => true, 'id' => 'phone', 'step' => 'any', 'readonly' => 'true']) }}


                    </div>

                </div>

                <br>
                <p>Datos de Propiedad <a id="property-link" href="/property-view/{{ $property->id }}"><i class="bi bi-arrow-right"></i></a></p>
                <div class="row">
                <div class="col-md-4 form-group ">

                    {{ Form::label('date', __('Propiedad'), ['class' => 'form-label col-12 ']) }}
                    {{ Form::text('date', isset($property->title) ? $property->title : '', ['class' => 'form-control', 'readonly' => 'true']) }}

                    </div>

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

                    {{ Form::label('status', __('Direccion'), ['class' => 'form-label col-12 ']) }}
                    {{ Form::text('status', isset($property->address) ? $property->address : '', ['class' => 'form-control', 'placeholder' => 'Nombre', 'required' => true, 'id' => 'name', 'step' => 'any', 'readonly' => 'true']) }}

                    </div>

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

                    {{ Form::label('source_income', __('Precio'), ['class' => 'form-label col-12 ']) }}
                    {{ Form::text('source_income', isset($property->price) ? $property->price : '', ['class' => 'form-control', 'placeholder' => 'Nombre', 'required' => true, 'id' => 'name', 'step' => 'any', 'readonly' => 'true']) }}


                    </div>

                </div>

                <br>
                <p>Aprobacion</p>
                <div class="row">
                <div class="col-md-4 form-group ">

                    <label>ID: </label>
                    <a href="/approvals-view/{{ $approval->id }}">
                        {{ $approval->id }}
                    </a>

                    </div>

                </div>
                <br>

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

                    <label>ID: </label>
                    <a href="/visits-view/{{ $collection->visit_id }}">
                        {{ $collection->visit_id }}
                    </a>

                    </div>

                </div>
                <br>

                @if(isset($contract->id ))
                <p>Contrato</p>
                <div class="row">
                <div class="col-md-4 form-group ">

                    <label>ID: </label>
                    <a href="/contracts-view/{{ $contract->id }}">
                        {{ $contract->id }}
                    </a>

                    </div>

                </div>

                <br>
                @endif

                <p>Documentos para verificar</p>


                <div class="row">
                <div class="col-md-4 form-group">
                {{ Form::label('collection1', __('Cédula de identidad'), ['class' => 'form-label col-12']) }}
    {{ Form::checkbox('collection1', 1, $collection->identity_card == 1 ? true : false, ['class' => 'form-check-input']) }}
            </div>

            <div class="col-md-4 form-group">
                {{ Form::label('collection2', __('Rif'), ['class' => 'form-label col-12']) }}
                {{ Form::checkbox('collection2', 1, $collection->rif == 1 ? true : false, ['class' => 'form-check-input']) }}
            </div>

            <div class="col-md-4 form-group">
                {{ Form::label('collection3', __('Referencia de trabajo'), ['class' => 'form-label col-12']) }}
                {{ Form::checkbox('collection3', 1, $collection->work_reference == 1 ? true : false, ['class' => 'form-check-input']) }}
            </div>

            <div class="col-md-4 form-group">
                {{ Form::label('collection4', __('Referencia bancaria'), ['class' => 'form-label col-12']) }}
                {{ Form::checkbox('collection4', 1, $collection->bank_reference == 1 ? true : false, ['class' => 'form-check-input']) }}
            </div>

            <div class="col-md-4 form-group">
                {{ Form::label('collection5', __('Referencia personal 1'), ['class' => 'form-label col-12']) }}
                {{ Form::checkbox('collection5', 1, $collection->personal_reference_1 == 1 ? true : false, ['class' => 'form-check-input']) }}
            </div>

            <div class="col-md-4 form-group">
                {{ Form::label('collection6', __('Referencia personal 2'), ['class' => 'form-label col-12']) }}
                {{ Form::checkbox('collection6', 1, $collection->personal_reference_2 == 1 ? true : false, ['class' => 'form-check-input']) }}
            </div>

            <div class="col-md-4 form-group">
                {{ Form::label('collection7', __('Partida de nacimiento'), ['class' => 'form-label col-12']) }}
                {{ Form::checkbox('collection7', 1, $collection->birth_certificate == 1 ? true : false, ['class' => 'form-check-input']) }}
            </div>

                </div>
                </div>

                <br>

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

        </div>

        @if(
            ($collection->identity_card == 1 and
            $collection->rif == 1 and
            $collection->work_reference == 1 and
            $collection->bank_reference == 1 and
            $collection->personal_reference_1 == 1 and
            $collection->personal_reference_2 == 1 and
            $collection->birth_certificate == 1)
            and
            $contract == null
        )
        <div class='col-md-12 form-group d-flex justify-content-end mb-3'>
            <input type="button" class="btn btn-warning" value="Crear contrato" id="contract">

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

    </div>

    </div>

    <div class="modal fade" id="createContract" tabindex="-1" role="dialog" aria-labelledby="createContractLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="createContractLabel">Crear Contrato</h5>
      </div>
      <div class="modal-body">


        {{ Form::label('duration', __('Duracion en meses'), ['class' => 'form-label col-12 ']) }}
        {{ Form::select('duration', ['6' => '6 meses', '12' => '12 meses'], null, [
        'class' => 'form-control',
        'placeholder' => 'Selecciona la duración del contrato',
        'required' => 'true',
        'id' => 'duration',
        ]) }}

        </br>

      @php
                        $opciones = [];
                    @endphp

 	                @if (checkdate(date('m'), 5, date('Y')) && now()->format('j') <= 5)
                        @php
                        $opciones[now()->format('Y-m-05')] = '5 de ' . __(now()->format('F'));
                        @endphp
                    @endif

                    @if (now()->format('j') <= 20)
                        @php
                        $opciones[now()->format('Y-m-20')] = '20 de ' . __(now()->format('F'));
                        @endphp
                    @endif
                        
                    @php
                    $opciones[now()->subMonths(3)->format('Y-m-05')] = '5 de ' . __(now()->subMonths(3)->format('F'));
                    $opciones[now()->subMonths(3)->format('Y-m-20')] = '20 de ' . __(now()->subMonths(3)->format('F'));

                    $opciones[now()->subMonths(2)->format('Y-m-05')] = '5 de ' . __(now()->subMonths(2)->format('F'));
                    $opciones[now()->subMonths(2)->format('Y-m-20')] = '20 de ' . __(now()->subMonths(2)->format('F'));

                    $opciones[now()->subMonths(1)->format('Y-m-05')] = '5 de ' . __(now()->subMonths(1)->format('F'));
                    $opciones[now()->subMonths(1)->format('Y-m-20')] = '20 de ' . __(now()->subMonths(1)->format('F'));

                    $opciones[now()->format('Y-m-05')] = '5 de ' . __(now()->format('F'));
                    $opciones[now()->format('Y-m-20')] = '20 de ' . __(now()->format('F'));
                    
                    $opciones[now()->addMonths(1)->format('Y-m-05')] = '5 de ' . __(now()->addMonths(1)->format('F'));
                    $opciones[now()->addMonths(1)->format('Y-m-20')] = '20 de ' . __(now()->addMonths(1)->format('F'));
                    $opciones[now()->addMonths(2)->format('Y-m-05')] = '5 de ' . __(now()->addMonths(2)->format('F'));
                    $opciones[now()->addMonths(2)->format('Y-m-20')] = '20 de ' . __(now()->addMonths(2)->format('F'));
                    $opciones[now()->addMonths(3)->format('Y-m-05')] = '5 de ' . __(now()->addMonths(3)->format('F'));
                    $opciones[now()->addMonths(3)->format('Y-m-20')] = '20 de ' . __(now()->addMonths(3)->format('F'));
                    @endphp
                    {{ Form::label('init_date', __('Selecciona una fecha'), ['class' => 'form-label col-12 ']) }}
                    {{
                    Form::select('init_date', $opciones, null, [
                    'class' => 'form-control',
                    'required' => 'true',
                    'id' => 'init_date',
                    ]) }}
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="createContractBtn">Crear</button>
      </div>
    </div>
  </div>


  <div class="modal fade" id="ContractCreateErrorModal" tabindex="-1" role="dialog" aria-labelledby="ContractCreateModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="ContractCreateModalLabel">Error!</h5>
      </div>
      <div class="modal-body">
        <p id="paymentId" class="alert alert-block alert-danger">Error al procesar el pago</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" id="close">Cerrar</button>
      </div>
    </div>
  </div>
</div>

</div>


@endsection
@section('script')

    <style>
        .error-message {
            color: red;
            margin-top: 5px;
            font-size: 15px;
        }
    </style>

    <script>
        $(document).ready(function() {
            $('#contract').on('click', function() {
                $('#createContract').modal('show');
            })

            $('#createContractBtn').on('click', function() {
                let phone = $('#phone').val();
                let propertyId = $('#property-link').attr('href').split('/').pop();
                let duration = $('#duration').val();
                let initDate = $('#init_date').val();
                let collectionId = (window.location.pathname).split('/').pop();

                console.log(phone)
                console.log(propertyId)
                console.log(duration)
                console.log(initDate)
                console.log(collectionId)
                $.ajax({
                url: '/create_contract',
                method: 'POST',
                data: {
                    '_token': "{{ csrf_token() }}",
                    property_id: propertyId,
                    customer_phone: phone,
                    init_date: initDate,
                    collection_id: collectionId,
                    duration
                },
                success: function(response) {
                    // Maneja la respuesta exitosa (por ejemplo, muestra un mensaje)
                    console.log('Contract Created', response);
                    // Cierra el modal
                    $('#createContract').modal('hide');
                    location.reload(true);
                },
                error: function(error) {
                    // Maneja el error (por ejemplo, muestra un mensaje de error)
                    console.error('Error al actualizar el estado de payment:', error);
                }
                });
            });

        })
    </script>
@endsection