@extends('master')

@section('title')
     Individual Deeds
@stop

@section('styles')
<style>

</style>
@stop

@section('content')

@include('partials.nav')

<h1>Principal Deeds Report</h1>
<hr>
<p>This Report can also be used when a business or director signs surety on a property. This Report will tell us if there is in fact equity in the property. Property details of ownership from TransUnion that include: purchase price, erf details, bond amount, equity available and ownership details. This Report can also be used when a business or director signs surety on a property. This Report will tell us if there is in fact equity in the property.</p>
<hr style="margin-top: 10px;">

<form id="mainForm" method="POST" action="/individual-deeds" accept-charset="UTF-8" enctype="multipart/form-data">
<div class="row">
    <div class="large-6 columns">
         <!-- required -->
        @if($errors->first('idNumber'))
            <label class="red">ID Number *</label>
            {{ Form::text('idNumber', '', ['class' => 'formFieldGrey', 'style'=>"border: 2px solid rgba(255, 0, 0, 0.3)"]) }}
        @else
            <label>ID Number *</label>
            <input type="text" id="idNumber" name="idNumber" class="formFieldGrey" onkeyup="checkFormsValidity();" required/>
        @endif
    </div>
    <div class="large-6 columns">
        <!-- required -->
        @if($errors->first('surname'))
            <label class="red">Surname *</label>
            {{ Form::text('surname', '', ['class' => 'formFieldGrey', 'style'=>"border: 2px solid rgba(255, 0, 0, 0.3)"]) }}
        @else
            <label>Surname *</label>
            <input type="text" id="surname" name="surname" class="formFieldGrey" onkeyup="checkFormsValidity();" required/>
        @endif
    </div>
</div>

<div class="row">
    <div class="large-4 columns">
         <!-- required -->
        @if($errors->first('forename1'))
            <label class="red">Forename 1 *</label>
            {{ Form::text('forename1', '', ['class' => 'formFieldGrey', 'style'=>"border: 2px solid rgba(255, 0, 0, 0.3)"]) }}
        @else
            <label>Forename 1 *</label>
            <input type="text" id="forename1" name="forename1" class="formFieldGrey" onkeyup="checkFormsValidity();" required/>
        @endif
    </div>
    <div class="large-4 columns">
        <label>Forename 2 <em>(if applicable)</em></label>
        {{ Form::text('forename2') }}
    </div>
    <div class="large-4 columns">
        <label>Forename 3 <em>(if applicable)</em></label>
        {{ Form::text('forename3') }}
    </div>
</div>

<p style="text-align: center;">Supplier:</p>
<img style="margin-left: auto;margin-right: auto;display: block;padding-top: 0rem;padding-bottom: 1rem;" width="15%" src="/img/TransUnion-Logo-new.png" />
<p style="text-align: center;">R{{$transunionIndividualDeeds}}</p>

<a href="#" data-reveal-id="offer11"><button class="myButton" id="submitBtn">Request</button></a>

        <div id="offer11" class="reveal-modal small" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
		    <h1>Confirm Order</h1>
		    <p><strong>Service Provider: </strong> Transunion</p>
		    <p><strong>Report type: </strong> Principal Deeds Report</p>
		    <p><strong>Turnaround Time: </strong> Instant</p>
		    <p><strong>Amount Ex VAT: </strong> R{{$transunionIndividualDeeds}}</p>
		    <hr>
		    <span style="color:#daab2b;">By selecting “confirm Order” you agree to the terms and conditions provided to you in terms of your agreement with Prestige.</span>
            <hr>
           <button id="submit" class="myButton" type="submit">Confirm</button>
            <a class="close-reveal-modal" aria-label="Close">&#215;</a>
        </div>

</form>
<hr>
@include('partials.footer')
@stop

@section('scripts')<!--
<script>
var sbmtBtn = document.getElementById("submitBtn");
sbmtBtn.disabled = true;

checkFormsValidity = function(){
var myforms = document.forms["mainForm"];
    if (myforms.checkValidity()) {
        sbmtBtn.disabled = false;
    } else {
        sbmtBtn.disabled = true;
    }
} -->
</script>
<script>
    $('#submitBtn').click(function() {
         $('#lname').text($('#lastname').val());
         $('#fname').text($('#firstname').val());
    });

    $('#submit').click(function(){
        $('#mainForm').submit();
    });
</script>
<script>
document.getElementById("submit").onclick = function() {
    //disable
    this.disabled = true;
}
</script>
@stop