@extends('componentes.corpo')



@section('cadastroGeral3')
    active
@endsection

@section('pessoas')
    active
@endsection


@section('head')

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.11/jquery.mask.min.js"></script>
    <link href="/vendor/datatables.net-dt/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css"/>
    <link href="/vendor/datatables.net-responsive-dt/css/responsive.dataTables.min.css" rel="stylesheet"
          type="text/css"/>




    <script>


        (function ($) {
            $(function () {

                var addFormGroup = function (event) {
                    event.preventDefault();

                    var $formGroup = $(this).closest('.form-group');
                    var $multipleFormGroup = $formGroup.closest('.multiple-form-group');
                    var $formGroupClone = $formGroup.clone();

                    $(this)
                        .toggleClass('btn-success btn-add btn-danger btn-remove')
                        .html('–');

                    $formGroupClone.find('input').val('');
                    $formGroupClone.find('.concept_sistema').text('Sistema');
                    $formGroupClone.find('.concept').text('Estado');
                    $formGroupClone.insertAfter($formGroup);

                    var $lastFormGroupLast = $multipleFormGroup.find('.form-group:last');
                    if ($multipleFormGroup.data('max') <= countFormGroup($multipleFormGroup)) {
                        $lastFormGroupLast.find('.btn-add').attr('disabled', true);
                    }
                };


                var removeFormGroup = function (event) {
                    event.preventDefault();

                    var $formGroup = $(this).closest('.form-group');
                    var $multipleFormGroup = $formGroup.closest('.multiple-form-group');

                    var $lastFormGroupLast = $multipleFormGroup.find('.form-group:last');
                    if ($multipleFormGroup.data('max') >= countFormGroup($multipleFormGroup)) {
                        $lastFormGroupLast.find('.btn-add').attr('disabled', false);
                    }

                    $formGroup.remove();
                };

                var countFormGroup = function ($form) {
                    return $form.find('.form-group').length;
                };

                $(document).on('click', '.btn-add', addFormGroup);
                $(document).on('click', '.btn-remove', removeFormGroup);

            });
        })(jQuery);


        function mascaraMutuario(o, f) {
            v_obj = o
            v_fun = f
            setTimeout('execmascara()', 1)
        }

        function execmascara() {
            v_obj.value = v_fun(v_obj.value)
        }

        function cpfCnpj(v) {

            //Remove tudo o que não é dígito
            v = v.replace(/\D/g, "")

            if (v.length <= 14) { //CPF

                //Coloca um ponto entre o terceiro e o quarto dígitos
                v = v.replace(/(\d{3})(\d)/, "$1.$2")

                //Coloca um ponto entre o terceiro e o quarto dígitos
                //de novo (para o segundo bloco de números)
                v = v.replace(/(\d{3})(\d)/, "$1.$2")

                //Coloca um hífen entre o terceiro e o quarto dígitos
                v = v.replace(/(\d{3})(\d{1,2})$/, "$1-$2")

            } else { //CNPJ

                //Coloca ponto entre o segundo e o terceiro dígitos
                v = v.replace(/^(\d{2})(\d)/, "$1.$2")

                //Coloca ponto entre o quinto e o sexto dígitos
                v = v.replace(/^(\d{2})\.(\d{3})(\d)/, "$1.$2.$3")

                //Coloca uma barra entre o oitavo e o nono dígitos
                v = v.replace(/\.(\d{3})(\d)/, ".$1/$2")

                //Coloca um hífen depois do bloco de quatro dígitos
                v = v.replace(/(\d{4})(\d)/, "$1-$2")

            }

            return v
        }

        jQuery("input.telefone")
            .mask("(99) 9999-9999?9")
            .focusout(function (event) {
                var target, phone, element;
                target = (event.currentTarget) ? event.currentTarget : event.srcElement;
                phone = target.value.replace(/\D/g, '');
                element = $(target);
                element.unmask();
                if (phone.length > 10) {
                    element.mask("(99) 99999-999?9");
                } else {
                    element.mask("(99) 9999-9999?9");
                }
            });


        $("#telefone, .celular").mask("(00) 00000-0000");


        function moeda(a, e, r, t) {
            let n = ""
                , h = j = 0
                , u = tamanho2 = 0
                , l = ajd2 = ""
                , o = window.Event ? t.which : t.keyCode;
            if (13 == o || 8 == o)
                return !0;
            if (n = String.fromCharCode(o),
            -1 == "0123456789".indexOf(n))
                return !1;
            for (u = a.value.length,
                     h = 0; h < u && ("0" == a.value.charAt(h) || a.value.charAt(h) == r); h++)
                ;
            for (l = ""; h < u; h++)
                -1 != "0123456789".indexOf(a.value.charAt(h)) && (l += a.value.charAt(h));
            if (l += n,
            0 == (u = l.length) && (a.value = ""),
            1 == u && (a.value = "0" + r + "0" + l),
            2 == u && (a.value = "0" + r + l),
            u > 2) {
                for (ajd2 = "",
                         j = 0,
                         h = u - 3; h >= 0; h--)
                    3 == j && (ajd2 += e,
                        j = 0),
                        ajd2 += l.charAt(h),
                        j++;
                for (a.value = "",
                         tamanho2 = ajd2.length,
                         h = tamanho2 - 1; h >= 0; h--)
                    a.value += ajd2.charAt(h);
                a.value += r + l.substr(u - 2, u)
            }
            return !1
        }




        function imprimir() {

            var c = document.getElementById('imp').innerHTML;
            var b = document.getElementById('imp2').innerHTML;
            var win = window.open('Customer_Files_print');
            win.document.write(c,b);
            win.print();
            win.close();//Fecha após a impressão.

        }

    </script>



    <style>

        #datable_1 tr:hover td {
            background-color: cadetblue;
            cursor: pointer;
        }

    </style>
@endsection


@section('propriedade')
    active
@endsection

@section('conteudo')

    <div class="hk-pg-wrapper ">

        <!-- Breadcrumb -->
        <nav class="hk-breadcrumb" aria-label="breadcrumb">
            <ol class="breadcrumb breadcrumb-light bg-transparent">
                <li class="breadcrumb-item"><a href="/home">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Customer Files</li>
            </ol>

        </nav>
        <!-- /Breadcrumb -->


        <!-- Container -->
        <div class="container-fluid px-xxl-65 px-xl-20">

            <!-------------- TITULO NAV ------------------------->
            <div class="tab-content" id="myTabContent">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab"
                           aria-controls="home" aria-selected="true">Customer Files</a>
                    </li>


                </ul>


                <!------- PRIMEIRA NAV ------------------------------>


                <!------- SEGUNDA NAV ------------------------------>

                <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                    <div class="row">
                        <div class="col-xl-12">
                            <section class="hk-sec-wrapper">

                                <!-- Título -->
                                <div class="hk-pg-header">
                                    <h4 class="hk-pg-title">
                                <span class="pg-title-icon">
                                    <span class="feather-icon"><i data-feather="search"></i></span>
                                </span>
                                        Customer Files</h4>
                                </div>


                                <div class="row">
                                    <div class="col-sm">
                                        <div class="table-wrap">
                                            <table id="datable_1" class="table table-hover w-100 display pb-30">
                                                <thead>
                                                <tr>
                                                    <th>Cod</th>
                                                    <th>Name</th>
                                                    <th>Home Phone</th>
                                                    <th>Shipping Date</th>
                                                    <th align="center" class="text-center">Actions</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @php $i=1; @endphp


                                                @foreach($fichas as $p)

                                                    <tr>
                                                        <td>{{$i++}}</td>
                                                        <td>{{$p->LastName}} {{$p->FirstName}}</td>
                                                        <td>{{$p->HomePhone}}</td>
                                                        <td>{{$p->created_at}}</td>
                                                        <td class="text-center">

                                                            <button href="#excluir{{$i}}" class="btn btn-sm btn-blue"
                                                                    data-toggle="modal">See File
                                                            </button>


                                                            <div id="excluir{{$i}}" class="modal fade"
                                                                 style="display: none;">
                                                                <div class="modal-dialog modal-lg  modal-confirm" >
                                                                    <div class="modal-content modal-lg">
                                                                        <div class="modal-header">

                                                                            <h4 class="modal-title" id="imp">
                                                                                Client: {!! $p->LastName !!} {!! $p->FirstName !!} </h4>
                                                                            <button type="button" class="close"
                                                                                    data-dismiss="modal"
                                                                                    aria-hidden="true">×
                                                                            </button>
                                                                        </div>


                                                                        <div class="modal-body" id="imp2">
                                                                            <div class="col-md-12"
                                                                                 style="color:#1b1e21">
                                                                                <strong>--------- Personal Information -------------</strong>
                                                                                <BR>
                                                                            </div>

                                                                            <div class="col-md-12" style="color:#1b1e21">
                                                                                <strong>Applicant</strong>
                                                                                <div class="row">
                                                                                    <strong>First Name: &nbsp;</strong> {!! $p->FirstName !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Middle Name/Initial: &nbsp;</strong> {!! $p->Initial !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Last Name: &nbsp;</strong> {!! $p->LastName !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Email Address: &nbsp;</strong> {!! $p->EmailAddress !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Home Phone: &nbsp; </strong> {!! $p->HomePhone !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Work Phone: &nbsp; </strong> {!! $p->WorkPhone !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Cell Phone: &nbsp;</strong> {!! $p->CellPhone !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Social Security: &nbsp;</strong> {!! $p->SocialSecNum !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Date of Birth: &nbsp;</strong> {!! $p->DateOfBirth !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>How should we contact you? &nbsp;</strong> {!! $p->ContactPreference !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>When should we contact you? &nbsp;</strong> {!! $p->ContactTime !!}
                                                                                </div>


                                                                            </div>

                                                                            @if($p->AppType === 'Joint')

                                                                                <div class="col-md-12" style="color:#1b1e21">
                                                                                <strong>CO-Applicant</strong>
                                                                                <div class="row">
                                                                                    <strong>First Name: &nbsp;</strong> {!! $p->FirstName_2 !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Middle Name/Initial: &nbsp;</strong> {!! $p->Initial_2 !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Last Name: &nbsp;</strong> {!! $p->LastName_2 !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Email Address: &nbsp;</strong> {!! $p->EmailAddress_2 !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Home Phone: &nbsp; </strong> {!! $p->HomePhone_2 !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Work Phone: &nbsp; </strong> {!! $p->WorkPhone_2 !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Cell Phone: &nbsp;</strong> {!! $p->CellPhone_2 !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Social Security: &nbsp;</strong> {!! $p->SocialSecNum_2 !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Date of Birth: &nbsp;</strong> {!! $p->DateOfBirth_2 !!}
                                                                                </div>


                                                                            </div>

                                                                            @endif



                                                                            <div class="col-md-12"
                                                                                 style="color:#1b1e21">
                                                                                <strong>--------- Employment Information -------------</strong>
                                                                                <BR>
                                                                            </div>

                                                                            <div class="col-md-12" style="color:#1b1e21">
                                                                                <strong>Applicant</strong>
                                                                                <div class="row">
                                                                                    <strong>Employment Status: &nbsp; </strong> {!! $p->CurrEmpStatus !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Current Employer: &nbsp;</strong> {!! $p->CurrEmpName !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Title / Occupation: &nbsp; </strong> {!! $p->CurrEmpTitle !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Business Phone: &nbsp;</strong> {!! $p->CurrEmpPhone !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Gross Monthly Income: &nbsp;</strong> {!! $p->CurrEmpIncome !!}
                                                                                </div>

                                                                            </div>


                                                                            @if($p->AppType === 'Joint')

                                                                                <div class="col-md-12" style="color:#1b1e21">
                                                                                    <strong>CO-Applicant</strong>
                                                                                    <div class="row">
                                                                                        <strong>Employment Status: &nbsp; </strong> {!! $p->CurrEmpStatus_2 !!}
                                                                                    </div>

                                                                                    <div class="row">
                                                                                        <strong>Current Employer: &nbsp;</strong> {!! $p->CurrEmpName_2 !!}
                                                                                    </div>

                                                                                    <div class="row">
                                                                                        <strong>Title / Occupation: &nbsp; </strong> {!! $p->CurrEmpTitle_2 !!}
                                                                                    </div>

                                                                                    <div class="row">
                                                                                        <strong>Business Phone: &nbsp;</strong> {!! $p->CurrEmpPhone_2 !!}
                                                                                    </div>

                                                                                    <div class="row">
                                                                                        <strong>Gross Monthly Income: &nbsp;</strong> {!! $p->CurrEmpIncome_2 !!}
                                                                                    </div>

                                                                                </div>

                                                                            @endif




                                                                            <div class="col-md-12"
                                                                                 style="color:#1b1e21">
                                                                                <strong>--------- Residential Information -------------</strong>
                                                                                <BR>
                                                                            </div>

                                                                            <div class="col-md-12" style="color:#1b1e21">
                                                                                <strong>Applicant</strong>
                                                                                <div class="row">
                                                                                    <strong>Current Address: &nbsp;</strong> {!! $p->CurrResAddress !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Current Address Line 2: &nbsp;</strong> {!! $p->CurrResAddress2 !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>City: &nbsp;</strong> {!! $p->CurrResCity !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>State: &nbsp;</strong> {!! $p->CurrResState !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Zip Code: &nbsp;</strong> {!! $p->CurrResZip !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Status: &nbsp;</strong> {!! $p->CurrResStatus !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Mortgage Payment / Rent:&nbsp; </strong> {!! $p->CurrResPayment !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Time at Residence - Years: &nbsp;</strong> {!! $p->CurrResYears !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Time at Residence - Months: &nbsp;</strong> {!! $p->CurrResMonths !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Status: &nbsp;</strong> {!! $p->PrevResStatus !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Mortgage Payment / Rent: &nbsp;</strong> {!! $p->PrevResPayment !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Time at Residence - Years: &nbsp;</strong> {!! $p->PrevResYears !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Time at Residence - Months: &nbsp;</strong> {!! $p->PrevResMonths !!}
                                                                                </div>

                                                                            </div>

                                                                            @if($p->AppType === 'Joint')

                                                                                <div class="col-md-12" style="color:#1b1e21">
                                                                                    <strong>CO-Applicant</strong>
                                                                                    <div class="row">
                                                                                        <strong>Current Address: &nbsp;</strong> {!! $p->CurrResAddress_2 !!}
                                                                                    </div>

                                                                                    <div class="row">
                                                                                        <strong>Current Address Line 2: &nbsp;</strong> {!! $p->CurrResAddress2_2 !!}
                                                                                    </div>

                                                                                    <div class="row">
                                                                                        <strong>City: &nbsp;</strong> {!! $p->CurrResCity_2 !!}
                                                                                    </div>

                                                                                    <div class="row">
                                                                                        <strong>State: &nbsp;</strong> {!! $p->CurrResState_2 !!}
                                                                                    </div>

                                                                                    <div class="row">
                                                                                        <strong>Zip Code: &nbsp;</strong> {!! $p->CurrResZip_2 !!}
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <strong>Status: &nbsp;</strong> {!! $p->CurrResStatus_2 !!}
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <strong>Mortgage Payment / Rent:&nbsp; </strong> {!! $p->CurrResPayment_2 !!}
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <strong>Time at Residence - Years: &nbsp;</strong> {!! $p->CurrResYears_2 !!}
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <strong>Time at Residence - Months: &nbsp;</strong> {!! $p->CurrResMonths_2 !!}
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <strong>Status: &nbsp;</strong> {!! $p->PrevResStatus_2 !!}
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <strong>Mortgage Payment / Rent: &nbsp;</strong> {!! $p->PrevResPayment_2 !!}
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <strong>Time at Residence - Years: &nbsp;</strong> {!! $p->PrevResYears_2 !!}
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <strong>Time at Residence - Months: &nbsp;</strong> {!! $p->PrevResMonths_2 !!}
                                                                                    </div>

                                                                                </div>

                                                                            @endif


                                                                            <div class="col-md-12"
                                                                                 style="color:#1b1e21">
                                                                                <strong>--------- Financial Information -------------</strong>
                                                                                <BR>
                                                                            </div>

                                                                            <div class="col-md-12" style="color:#1b1e21">
                                                                                <strong>Applicant</strong>
                                                                                <div class="row">
                                                                                    <strong>Mortgage Balance: &nbsp;</strong> {!! $p->CurrLoanAmount !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Mortgage Lender: &nbsp;</strong> {!! $p->CurrLoanLender !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Monthly Payment: &nbsp;</strong> {!! $p->CurrLoanPayment !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Name of Bank: &nbsp;</strong> {!! $p->BankName1 !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Account Type(s): &nbsp;</strong> {!! $p->BankAccounts1 !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Name of Bank: &nbsp;</strong> {!! $p->BankName2 !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Account Type(s): &nbsp;</strong> {!! $p->BankAccounts2 !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Other Income (monthly): &nbsp;</strong> {!! $p->OtherIncome1 !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Source: &nbsp;</strong> {!! $p->OtherIncomeSource1 !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Other Income (monthly): &nbsp;</strong> {!! $p->OtherIncome2 !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Source: &nbsp;</strong> {!! $p->OtherIncomeSource2 !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Other Income (monthly): &nbsp;</strong> {!! $p->OtherIncome3 !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Source: &nbsp;</strong> {!! $p->OtherIncomeSource3 !!}
                                                                                </div>


                                                                            </div>

                                                                            @if($p->AppType === 'Joint')

                                                                                <div class="col-md-12" style="color:#1b1e21">
                                                                                    <strong>CO-Applicant</strong>
                                                                                    <div class="row">
                                                                                        <strong>Mortgage Balance: &nbsp;</strong> {!! $p->CurrLoanAmount_2 !!}
                                                                                    </div>

                                                                                    <div class="row">
                                                                                        <strong>Mortgage Lender: &nbsp;</strong> {!! $p->CurrLoanLender_2 !!}
                                                                                    </div>

                                                                                    <div class="row">
                                                                                        <strong>Monthly Payment: &nbsp;</strong> {!! $p->CurrLoanPayment_2 !!}
                                                                                    </div>

                                                                                    <div class="row">
                                                                                        <strong>Name of Bank: &nbsp;</strong> {!! $p->BankName1_2 !!}
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <strong>Account Type(s): &nbsp;</strong> {!! $p->BankAccounts1_2 !!}
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <strong>Name of Bank: &nbsp;</strong> {!! $p->BankName2_2 !!}
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <strong>Account Type(s): &nbsp;</strong> {!! $p->BankAccounts2_2 !!}
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <strong>Other Income (monthly): &nbsp;</strong> {!! $p->OtherIncome1_2 !!}
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <strong>Source: &nbsp;</strong> {!! $p->OtherIncomeSource1_2 !!}
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <strong>Other Income (monthly): &nbsp;</strong> {!! $p->OtherIncome2_2 !!}
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <strong>Source: &nbsp;</strong> {!! $p->OtherIncomeSource2_2 !!}
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <strong>Other Income (monthly): &nbsp;</strong> {!! $p->OtherIncome3_2 !!}
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <strong>Source: &nbsp;</strong> {!! $p->OtherIncomeSource3_2 !!}
                                                                                    </div>


                                                                                </div>

                                                                            @endif



                                                                            <div class="col-md-12"
                                                                                 style="color:#1b1e21">
                                                                                <strong>--------- Desired Vehicle -------------</strong>
                                                                                <BR>
                                                                            </div>

                                                                            <div class="col-md-12" style="color:#1b1e21">

                                                                                <div class="row">
                                                                                    <strong>Desired Vehicle: &nbsp;</strong> {!! $p->Vehicle !!}
                                                                                </div>

                                                                                @if($p->Vehicle !== "")
                                                                                    <div class="row">
                                                                                        <strong> Link: &nbsp;</strong> <a href="{{route('details',$p->Vehicle)}}"> Link for Vehicle</a>
                                                                                    </div>
                                                                                @endif


                                                                            </div>




                                                                            <!-- Posso colocar verificação antes pra nao exibir-->

                                                                            <div class="col-md-12"
                                                                                 style="color:#1b1e21">
                                                                                <strong>--------- Trade-In Vehicle -------------</strong>
                                                                                <BR>
                                                                            </div>

                                                                            <div class="col-md-12" style="color:#1b1e21">

                                                                                <div class="row">
                                                                                    <strong>VIN: &nbsp;</strong> {!! $p->TradeVIN !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Year: &nbsp;</strong> {!! $p->TradeYear !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Make: &nbsp;</strong> {!! $p->TradeMake !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Model: &nbsp;</strong> {!! $p->TradeModel !!}
                                                                                </div>

                                                                                <div class="row">
                                                                                    <strong>Mileage: &nbsp;</strong> {!! $p->TradeMileage !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Condition: &nbsp;</strong> {!! $p->TradeCondition !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Asking Price: &nbsp;</strong> {!! $p->TradeAmount !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Remaining Balance: &nbsp;</strong> {!! $p->TradeBalance !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Exterior Color: &nbsp;</strong> {!! $p->TradeColor !!}
                                                                                </div>
                                                                                <div class="row">
                                                                                    <strong>Describe Vehicle Condition and History: &nbsp;</strong>
                                                                                    <br>
                                                                                    {!! $p->TradeDescription !!}
                                                                                </div>

                                                                            </div>







                                                                        </div>

                                                                        <div class="modal-footer">
                                                                            <button type="button" class="btn btn-success" onclick="imprimir();" value="Print "> Print </button>

                                                                            <button type="button" class="btn btn-info"
                                                                                    data-dismiss="modal">Closed
                                                                            </button>

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

                                                        </td>

                                                    </tr>

                                                @endforeach

                                                </tbody>
                                                <tfoot>
                                                <tr>
                                                    <th>Cod</th>
                                                    <th>Name</th>
                                                    <th>Cell Phone</th>
                                                    <th>Shipping Date</th>
                                                    <th>Actions</th>
                                                </tr>
                                                </tfoot>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                            </section>
                        </div>
                    </div>
                </div>


            </div>

            <!---------------- FIM NAV-------------->
        </div>
    </div>

@endsection


@section('footer')

    <script src="/vendor/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="/vendor/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
    <script src="/vendor/datatables.net-dt/js/dataTables.dataTables.min.js"></script>
    <script src="/vendor/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
    <script src="/vendor/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
    <script src="/vendor/datatables.net-buttons/js/buttons.flash.min.js"></script>
    <script src="/vendor/datatables.net-buttons/js/buttons.html5.min.js"></script>
    <script src="/vendor/datatables.net-buttons/js/buttons.print.min.js"></script>
    <script src="/vendor/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
    <script src="/dist/js/dataTables-data.js"></script>

@endsection