@extends('helpers.base')

@section ('jsPageBottom')
{{ HTML::style('admin/template/plugin/bootstrap-datepicker/css/datepicker.css')}}
{{ HTML::script('admin/template/plugin/bootstrap-datepicker/js/bootstrap-datepicker.js')}}
<!-- Query.html5form plugin for old IE versions -->
<script src="http://html5form.googlecode.com/svn/trunk/jquery.html5form-1.5-min.js"></script>

<script>
    $(document).ready(function(){
        $('#new_update_form').html5form();
    });
</script>
<!-- /Query.html5form plugin for old IE versions -->

<script type="text/javascript">
    var dateServer = "{{ date('Y/m/d') }}";
    $(document).ready(function () {
        $('.input-group.date').datepicker({
            autoclose: true,
            todayHighlight: true,
            orientation: "top auto",
            startDate: '0d'
        });

        $('.input-group.date input').keypress(function () {
            $('.input-group.date').datepicker('hide');
        }).blur(function () {
            if ($(this).val().length > 0) {
                var date = $(this).val().split('/');
                if (date.length == 2 || (date.length == 3 && date[2] == '')) {
                    var now = new Date();
                    var value = date.join('/') + "/" + now.getFullYear();
                    $(this).val(value.replace('//', '/'));
                }

                var regexDate = /^(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01])\/(19|20|30)\d\d$/;
                if (!regexDate.test($(this).val())) {
                    var now = new Date();
                    var date = $(this).val().split('/');

                    if (date[0] <= 9 && date[0].toString().charAt(0) != "0") {
                        date[0] = "0" + date[0].toString();
                    } else {
                        if (parseInt(date[0]) > 12) {
                            date[0] = "12";
                        }
                    }
                    if (date[1] <= 9 && date[1].toString().charAt(0) != "0") {
                        date[1] = "0" + date[1].toString();
                    } else {
                        if (parseInt(date[1]) > 31) {
                            date[1] = "31";
                        }
                    }
                    if (date[2].toString().length == 2) {
                        date[2] = now.getFullYear().toString().substr(0, 2) + date[2].toString();
                    }
                    $(this).val(date.join('/'));
                }
                //////////////////////////////////////////////////
                var date = dateServer.split('/');
                var today = new Date(date[0], (parseInt(date[1])-1), date[2]);

                var userDate = new Date($(this).val());
                
                if(userDate.getTime() < today.getTime()){
                    alert("Closing date invalid, Date must be after today's date");
                    $(this).val('').focus();
                }
            }
        });
    });
</script>
@stop

@section ('cssPage')
@stop
@section ('pageContent')
<div id="center-body-HOA-form">
    <div id="title-background">
        <div id="title-body-orders"> &nbsp;
            @if(!empty($order))
                <p> HOA ORDER REACTIVATION</p>
            @else
                <p> ORDER FORMS / HOA ONLY </p>
            @endif
        </div>
    </div>
    <div id="content" class="content_hoa_order">
        <div id="form-container">
            @if($errors->count()>0)
            <div class="alert alert-danger" id="alert">
                <ul>
                    @foreach($errors->all() as $error)
                    <li>
                        {{ $error }}
                    </li>
                    @endforeach
                </ul>
            </div>
            @endif
            @if(Session::has('failed'))
            <div class="alert alert-danger align-right" id="alert">
                <p>{{ Session::get('failed') }}</p>
            </div>
            @endif
            <div id="basic-information">
                @if(!empty($order))
                    {{Form::open(['route'=>'order.hoa.reactive', 'files' => true, 'id' => 'new_update_form', 'class'=>'form-horizontal row-border'])}}
                    {{ Form::hidden('parent_id', $id) }}
                    {{ Form::hidden('property_id', $property_id) }}
                @else
                    {{Form::open(['route'=>'order.hoa.store', 'files' => true, 'id' => 'new_update_form', 'class'=>'form-horizontal row-border'])}}
                @endif
                {{ Form::hidden('is_update', $update) }}
                <div id="title-section">
                    Basic Information
                    <div id="footer_line"></div>
                </div>
                <div id="form-basic-information">
                    <!-- INICIO primer campo de inputs -->
                    <div id="column" class="row">
                        <div class="col-md-3">
                            <p> Requested By: </p>
                            {{Form::text('customer_contact',Input::get('customer_contact', Auth::user()->fullname), ['class'=>'form-control', 'maxlength'=>"100"])}}
                        </div>
                        <div class="col-md-3">
                            <p> File Number: </p>
                            {{Form::text('file_number',Input::get('file_number', ($order)? $order->file_number:''), ['class'=>'form-control center', 'maxlength'=>"30"])}}
                        </div>
                        <div class="col-md-3">
                            <p> Closing Date: </p>
                            <div class="input-group date">
                                {{ Form::text('closing_date',  Input::old('closing_date', ($order)? $order->closing_date:''), ['id'=>'closing-date-lien', 'class'=>"form-control center", 'placeholder'=>"MM/DD/YYYY"]) }}
                                <span class="input-group-addon">
                                    <img src="http://onesteplien.com/admin/template/images/ico_calender.png"/>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <label class="checkbox">
                                <p>&nbsp;</p>
                                <p style="color:#C00;">
                                    {{ Form::checkbox('is_rush', 1,false, ['id'=>'is_rush']) }}
                                    {{ Form::label('is_rush', 'RUSH ORDER', ['id'=>'Light_OnOff']) }}
                                </p>
                            </label>
                        </div>
                    </div>
                    <!-- FIN primer campo de inputs -->
                </div>
                <div id="title-section">
                    Property Information
                    <div id="footer_line"></div>
                </div>
                <div id="form-property-information" class="fpi_hoa">
                    <!-- INICIO segundo campo de inputs -->
                    <div id="column" class="row">
                        @if(!empty($order))
                        <div class="col-md-9">
                            <p>Address:</p>
                            {{ Form::text('StreetName', Input::old('StreetName', ($property)? ($property->address != null)? $property->address:'':''), ['class'=>'form-control center', 'maxlength'=>"255"] )}}
                        </div>
                        @else
                        <div class="col-md-1">
                            <p>Number:</p>
                            {{ Form::text('StreetNo', Input::old('StreetNo'), ['class'=>'form-control-especial center', 'required' => 'required']  )}}
                        </div>
                        <div class="col-sm-2">
                            <p>&nbsp;</p>
                            {{ Form::select('StreetDirectionID',($select + $streetDirection), Input::old('StreetDirectionID'), ['class'=>'form-control center-especial StreetDirectionID']) }}
                        </div>
                        <div class="col-md-3">
                            <p>Street Name:</p>
                            {{ Form::text('StreetName', Input::old('StreetName'), ['class'=>'form-control center', 'maxlength'=>"100"] )}}
                        </div>
                        <div class="col-md-3">
                            <p>Type:</p>
                            {{ Form::select('StreetTypeID',($select + $streetType), Input::old('StreetTypeID'), ['class'=>'form-control center StreetTypeID']) }}
                        </div>
                        <div class="col-md-2">
                            <p>Unit Number:</p>
                            {{ Form::text('StreetUnitNo', Input::old('StreetUnitNo'), ['class'=>'form-control center'] )}}
                        </div>
                        @endif
                    </div>
                    <!-- FIN segundo campo de inputs -->

                    <!-- INICIO tercer campo de inputs -->
                    <div id="column" class="row">
                        <div class="col-md-3">
                            <p style="text-align:left; font-weight:bold">City:</p>
                            {{ Form::select('city_id',($select + $cities), Input::old('city_id', ($property)? $property->city_id:''), ['id'=>'CityID', 'class'=>'form-control center']) }}
                        </div>
                        <div class="col-md-3">
                            <p>Zip:</p>
                            {{ Form::text('zipcode',Input::get('zipcode', ($property)? $property->zipcode:''), ['class'=>'form-control center', 'maxlength'=>"10"] )}}
                        </div>
                        <div class="col-md-3">
                            <p>County:</p>
                            {{ Form::select('county_id',($select + $counties), Input::old('county_id', ($property)? $property->county_id:''), ['id'=>'CountyID', 'class'=>'form-control center']) }}
                        </div>
                    </div>
                    <!-- FIN tercer campo de inputs -->

                    <!-- INICIO cuarto campo de inputs -->
                    <div id="column" class="row">
                        <div class="col-md-3">
                            <p>Folio Number:</p>
                            {{ Form::text('folio_number',Input::get('folio_number', ($property)? $property->folio_number:''), ['class'=>'form-control center', 'maxlength'=>"150"] )}}
                        </div>
                        <div class="col-md-6">
                            <p>Legal Description:</p>
                            {{ Form::textarea('legal_description',Input::get('legal_description', ($property)? $property->legal_description:''), ['class'=>'form-control', 'size'=>'3x5'] )}}
                        </div>
                    </div>
                    <!-- FIN cuarto campo de inputs -->

                    <!-- INICIO 5to campo de inputs -->
                    <div id="column" class="row">
                        <div class="col-md-3">
                            <p> Buyer: </p>
                            {{ Form::text('buyer_name',Input::get('buyer_name', ($order)? $order->buyer_name:''), ['class'=>'form-control center', 'maxlength'=>"100"] )}}
                        </div>
                        <div class="col-md-3">
                            <p> Seller: </p>
                            {{ Form::text('seller_name',Input::get('seller_name', ($order)? $order->seller_name:''), ['class'=>'form-control center', 'maxlength'=>"100"] )}}
                        </div>
                    </div>
                    <!-- FIN 5to campo de inputs -->

                    <!-- Inicio 6to campo de inputs -->
                    <div id="column" class="row">
                        <div class="col-md-9">
                            <p> Specific Instructions: </p>
                            {{ Form::textarea('special_instruction',Input::get('special_instruction', ($order)? $order->special_instruction:''), ['class'=>'form-control','size'=>'3x5'] )}}
                        </div>
                    </div>
                    <!-- FIN 6to campo de inputs -->

                </div>
                <div id="title-section">
                    HOA Information
                    <div id="footer_line"></div>
                </div>
                <div id="form-order-hoa">
                    <!-- HOA INFORMATION 1-->
                    <div id="column-checkbox-top" class="row">
                        <div class="col-md-6">
                            <p> HOA Name: </p>
                            {{ Form::text('hoa_name',Input::get('hoa_name', ($order)? $order->hoa_name:''), ['class'=>'form-control center', 'maxlength'=>"255"] )}}
                        </div>
                        <div class="col-md-6">
                            <div class="col-md-2">
                                <p> Phone: </p>
                                {{ Form::text('hoa_tel[0]',Input::get('hoa_tel.0', ($order)? ($order->hoa_tel != null)? $order->hoa_tel[0]:'':''), ['class'=>'form-control-especial', 'id'=>'tel1', 'size'=>'3', 'maxlength'=>'3']) }}
                            </div>
                            <div class="col-md-2">
                                <p>&nbsp;</p>
                                {{ Form::text('hoa_tel[1]',Input::get('hoa_tel.1', ($order)? ($order->hoa_tel != null)? $order->hoa_tel[1]:'':''), ['class'=>'form-control-especial', 'id'=>'tel2', 'size'=>'3', 'maxlength'=>'3']) }}
                            </div>
                            <div class="col-md-2">
                                <p>&nbsp;</p>
                                {{ Form::text('hoa_tel[2]',Input::get('hoa_tel.2', ($order)? ($order->hoa_tel != null)? $order->hoa_tel[2]:'':''), ['class'=>'form-control-especial', 'id'=>'tel3', 'size'=>'4', 'maxlength'=>'4']) }}
                            </div>
                        </div>
                    </div>
                    <!-- FIN  -->
                    <!-- HOA INFORMATION 2 -->
                    <div id="column-checkbox" class="row">
                        <div class="col-md-6">
                            <p> Listing Agent/ Realtor: </p>
                            {{ Form::text('listing_agent_name',Input::get('listing_agent_name', ($order)? $order->listing_agent_name:''), ['class'=>'form-control center', 'maxlength'=>"150"] )}}
                        </div>
                        <div class="col-md-6">
                            <div class="col-md-2">
                                <p> Phone: </p>
                                {{ Form::text('agent_tel[0]',Input::get('agent_tel.0', ($order)? ($order->agent_tel != null)? $order->agent_tel[0]:'':''), ['class'=>'form-control-especial', 'id'=>'tel1', 'size'=>'3', 'maxlength'=>'3'] )}}
                            </div>
                            <div class="col-md-2">
                                <p>&nbsp;</p>
                                {{ Form::text('agent_tel[1]',Input::get('agent_tel.0', ($order)? ($order->agent_tel != null)? $order->agent_tel[1]:'':''), ['class'=>'form-control-especial', 'id'=>'tel2', 'size'=>'3', 'maxlength'=>'3'] )}}
                            </div>
                            <div class="col-md-2">
                                <p>&nbsp;</p>
                                {{ Form::text('agent_tel[2]',Input::get('agent_tel.0', ($order)? ($order->agent_tel != null)? $order->agent_tel[2]:'':''), ['class'=>'form-control-especial', 'id'=>'tel2', 'size'=>'4', 'maxlength'=>'4'] )}}
                            </div>
                        </div>
                    </div>
                    <!-- FIN -->
                </div>
            </div>
            <div id="title-section">
                Upload Document
                <div id="footer_line"></div>
            </div>
            <div id="form-upload-document">
                <!-- Upload document -->
                <div id="column" class="row">
                    <div class="col-md-12">
                        <p> Upload Document: </p>
                        {{ Form::file('CTFileName', ['class'=>'form-control center', 'accept'=>'.pdf, .txt, .xls, .doc, .xlsx, .docx'] )}}
                    </div>
                </div>
                <!-- Upload document -->
            </div>
            <div id="title-section">
                Search Response Delivery
                <div id="footer_line"></div>
            </div>
            @include('site.EmailFax')
            @include('site.buttonsSubmit')
            {{ Form::close() }}
        </div>
    </div>
</div>
@include ('helpers.footer')
@stop