@extends('layouts.admin-dashboard')
@section('content')
{{ Form::open(array('class'=>'form addFormWrap','id'=>'partyForm', 'route' => array('case.party.store', $case->id), 'method' => 'post')) }}
        <div class="partyTable fleft">
            <table class="table partyTable" id ="partyTable">
                <thead>
                    <tr>
                        <th>Party Type</th>
                        <th>Name</th>
                        <th>Attorney</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>

        <div class="dashboardTable fright">
            <p>
                {{ Form::label('partyType', 'Party Type') }}
                <select id="partyType" class="selectWidth" name="partyType">
                    @foreach($partyTypes as $t)
                            <option value="{{$t['code']}}">{{$t['name']}}</option>
                    @endforeach
                </select>
            </p>

            <p class="mb4 checkboxWrap">
                {{ Form::checkbox('partyCategory', 'Person', true) }}
                <span>Person</span>

                {{ Form::checkbox('partyCategory', 'Business') }}
                <span>Business</span>
            </p>

            <p>
                {{ Form::label('partyAttorney', 'Filing Attorney') }}
                <select id="partyAttorney" class="selectWidth" name="partyAttorney">
                    @foreach($attorneyList as $att)
                    <option value="{{$att->AttorneyID}}">{{$att->FirstName.' '.$att->LastName}}</option>
                    @endforeach
                </select>
            </p>

            <p>
                {{ Form::label('firstName', 'First Name') }}
                {{ Form::text('firstName', Input::old('firstName'),array('class'=>'inputStyle')) }}
                @if($errors->has('firstName'))<p class="error">{{$errors->first('firstName')}}</p> @endif

            </p>
            <p>
                {{ Form::label('middleName', 'Middle Name') }}
                {{ Form::text('middleName', Input::old('middleName'),array('class'=>'inputStyle')) }}
            </p>
            <p>
                {{ Form::label('lastName', 'Last Name') }}
                {{ Form::text('lastName', Input::old('lastName'),array('class'=>'inputStyle')) }}
                @if($errors->has('lastName'))<p class="error">{{ $errors->first('lastName')}}</p> @endif

            </p>

            <p>
                {{ Form::label('country', 'Country') }}
                <select id="country" class="selectWidth" name="country">
                    @foreach($countries as $c)
                    <option value="{{$c['code']}}">{{$c['name']}}</option>
                    @endforeach
                </select>
            </p>

            <p>
                {{ Form::label('streetAddressLine1', 'Address line 1') }}
                {{ Form::text('streetAddressLine1', Input::old('streetAddressLine1'),array('class'=>'inputStyle')) }}
                @if($errors->has('streetAddressLine1'))<p class="error">{{$errors->first('streetAddressLine1')}}</p> @endif
            </p>
            <p>
                {{ Form::label('city', 'City') }}
                {{ Form::text('city', Input::old('city'),'',array('class'=>'inputStyle')) }}
                @if($errors->has('city'))<p class="error">{{$errors->first('city')}}</p> @endif
            </p>
            <p>
                {{ Form::label('stateCode', 'State') }}
                <select class="custom-select" id="stateCode" name="stateCode">
                    <option value="AL">Alabama</option>
                    <option value="AK">Alaska</option>
                    <option value="AZ">Arizona</option>
                    <option value="AR">Arkansas</option>
                    <option value="CA">California</option>
                    <option value="CO">Colorado</option>
                    <option value="CT">Connecticut</option>
                    <option value="DE">Delaware</option>
                    <option value="DC">District Of Columbia</option>
                    <option value="FL">Florida</option>
                    <option value="GA">Georgia</option>
                    <option value="HI">Hawaii</option>
                    <option value="ID">Idaho</option>
                    <option value="IL">Illinois</option>
                    <option value="IN">Indiana</option>
                    <option value="IA">Iowa</option>
                    <option value="KS">Kansas</option>
                    <option value="KY">Kentucky</option>
                    <option value="LA">Louisiana</option>
                    <option value="ME">Maine</option>
                    <option value="MD">Maryland</option>
                    <option value="MA">Massachusetts</option>
                    <option value="MI">Michigan</option>
                    <option value="MN">Minnesota</option>
                    <option value="MS">Mississippi</option>
                    <option value="MO">Missouri</option>
                    <option value="MT">Montana</option>
                    <option value="NE">Nebraska</option>
                    <option value="NV">Nevada</option>
                    <option value="NH">New Hampshire</option>
                    <option value="NJ">New Jersey</option>
                    <option value="NM">New Mexico</option>
                    <option value="NY">New York</option>
                    <option value="NC">North Carolina</option>
                    <option value="ND">North Dakota</option>
                    <option value="OH">Ohio</option>
                    <option value="OK">Oklahoma</option>
                    <option value="OR">Oregon</option>
                    <option value="PA">Pennsylvania</option>
                    <option value="RI">Rhode Island</option>
                    <option value="SC">South Carolina</option>
                    <option value="SD">South Dakota</option>
                    <option value="TN">Tennessee</option>
                    <option value="TX" selected="selected">Texas</option>
                    <option value="UT">Utah</option>
                    <option value="VT">Vermont</option>
                    <option value="VA">Virginia</option>
                    <option value="WA">Washington</option>
                    <option value="WV">West Virginia</option>
                    <option value="WI">Wisconsin</option>
                    <option value="WY">Wyoming</option>
                </select>
                @if($errors->has('stateCode'))<p class="error">{{$errors->first('stateCode')}}</p> @endif
            </p>
            <p>
                {{ Form::label('zipCode', 'Zip Code') }}
                {{ Form::text('zipCode', Input::old('zipCode'),array('class'=>'inputStyle')) }}
                @if($errors->has('zipCode'))<p class="error">{{$errors->first('zipCode')}}</p> @endif
            </p>

            <p>
                {{ Form::label('phoneNumber', 'Phone') }}
                {{ Form::text('phoneNumber', Input::old('phoneNumber'),array('class'=>'inputStyle')) }}
                @if($errors->has('phoneNumber'))<p class="error">{{$errors->first('phoneNumber')}}</p> @endif
            </p>
            <p>
                <input class="btn btn-medium" type="submit" value='Add Party'/>
            </p>
        </div>

{{ Form::close() }}

@stop

@section('scripts_bottom')
<script src="/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="/js/filing.js?@assetsVersion()"></script>
<script type="text/javascript" src="/js/additional-methods.min.js"></script>
<script type="text/javascript">
$(function() {
        var addToTable = function () {
                var data = $("#partyForm :input").serializeArray();
                var mData = {};
                for (var i = data.length - 1; i >= 0; i--) {
                        mData[data[i].name] = data[i].value;
                };

                var fRow = $('<tr/>').append($('<td/>', {
                        text: $('#partyType :selected').text()
                })).append($('<td/>', {
                        text: mData.firstName + mData.lastName
                })).append($('<td/>', {
                        text: $("#partyAttorney :selected").text()
                })).appendTo('#partyTable tbody');

                $.data(fRow[0], 'formData', mData);
        };
        $("#partyForm").validate({
                rules: {
                        partyType: {
                                required:true
                        },
                        partyCategory: {
                                required:true
                        },
                        partyAttorney: {
                                required:true
                        },
                        firstName: {
                                required:true
                        },
                        lastName: {
                                required:true
                        },
                        phoneNumber: {
                                required:true,
                                phoneUS:true
                        },
                        streetAddressLine1: {
                                required:true
                        },
                        city: {
                                required:true
                        },
                        stateCode: {
                                required:true
                        },
                        zipCode: {
                                required:true,
                                digits:true
                        },
                        country: {
                                required:true
                        }
                },
                messages: {
                        partyType: {
                                required: 'Party Type is required',
                        },
                        partyCategory: {
                                required: 'Party Category is required',
                        },
                        partyAttorney: {
                                required: 'Filing Attorney is required',
                        },
                        firstName: {
                                required: 'First Name is required'
                        },
                        lastName: {
                                required: 'Last Name is required'
                        },
                        phoneNumber: {
                                required: 'Phone number is required',
                                phoneUS:'Enter valid US phone number'
                        },
                        streetAddressLine1: {
                                required: 'Streed Address is required'
                        },
                        city: {
                                required: 'City is required'
                        },
                        stateCode: {
                                required: 'State is required'
                        },
                        zipCode: {
                                required: 'Zipcode is required'
                        },
                        country: {
                                required: 'Country is required'
                        }
                },
                errorPlacement: function(error, element) {
                        if (element.attr("type") == "radio"){
                                error.appendTo(".dropdownWrap");
                        } else {
                                error.insertAfter(element);
                        }
                },
                onfocusout: function(element, event) {
                        this.element(element);
                },
                submitHandler: function(form) {
                        var jqForm = $(form);
                        $.ajax({
                                url: '{{ action('FilingPartyController@store', $case->id) }}',
                                type: 'post',
                                dataType: 'json',
                                data: jqForm.serializeArray(),
                                success: function (data) {
                                        console.log(data);
                                        if (!data.error) {
                                                alert(data.message);
                                                addToTable();
                                                jqForm.reset();
                                        }
                                }
                        });
                        return false;
                }

        });
});
</script>
@stop