@if(isset($edit))
    <div style="width: 50%; display: block; margin: 0 auto;">
        <div id="contact-info" class="input-block active-first-tier">
            <div class="form-group">
                <div class="title-labels">
                    <label class="col-md-3 control-label" style="background-color: #1a1e54; color:#fff;">Contact Info</label>
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-3 control-label" for="country">Country*</label>
                <input id="country" name="country"  value="{{$country}}" class="form-control" required readonly>
            </div>

            <div id="dropdown-sold-to">
                <div>
                    <div class="form-group">
                        <label class="col-md-3 control-label" for="sold_to">Customer (SoldTo)*</label>
                        <select id="sold_to" name="sold_to" class="form-control" required readonly>
                            <option value="{{$customer_ID}}" selected>{{$customer_name}}</option>
                        </select>
                    </div>
                </div>
            </div>

{{--            <div class="load-wrapp">--}}
{{--                <div class="load-9">--}}
{{--                    <div class="spinner">--}}
{{--                        <div class="bubble-1"></div>--}}
{{--                        <div class="bubble-2"></div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}

            <div class="customer-group" >
                <div class="form-group">
                    <label class="col-md-3 control-label" for="first_name">First Name*</label>
                    <input id="first_name" value="{{$contact->First_Name}}" name="first_name" type="text" class="form-control" required maxlength="50">
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="last_name">Last Name*</label>
                    <input id="last_name" name="last_name" value="{{$contact->Last_Name}}" type="text" class="form-control" required maxlength="50">
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="job_title">Job Title*</label>
                    <input id="job_title" name="job_title" value="{{$contact->Job_Title}}" type="text" class="form-control" required maxlength="50">
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="gender">Gender*</label>
                    <select id="gender" name="gender" class="form-control" required>
                        <option></option>
                        @foreach ($genders as $gender)
                            <option @if($contact->Gender == $gender) selected @endif value="{{ $gender }}">{{ $gender }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="email">Email*</label>
                    <input id="email" name="email" value="{{$contact->Email}}" type="email" class="form-control" required>
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="telephone_no">Telephone No.</label>
                    <input id="telephone_no"  name="telephone_no" value="{{$contact->Telephone_No}}" type="text" class="form-control" maxlength="50">
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="mobile_no">Mobile No.</label>
                    <input id="mobile_no" name="mobile_no" type="text" value="{{$contact->Mobile_No}}" class="form-control" maxlength="50">
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="cc_pc_i">CC/PC/I</label>
                    <input id="cc_pc_i" name="cc_pc_i" value="{{$contact->Cc_pc_i}}" type="text" class="form-control" readonly>
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="previous_css_rating">Previous CSS Rating</label>
                    <input id="previous_css_rating" name="previous_css_rating" value="{{$contact->Previous_css_rating}}" type="text" class="form-control" readonly>
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="previous_css_comments">Previous CSS Comments</label>
                    <textarea id="previous_css_comments" name="previous_css_comments"  rows="3" class="form-control textarea_style" readonly>{{$contact->Previous_css_comments}}</textarea>
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="latest_css_rating">Latest CSS Rating</label>
                    <input id="latest_css_rating" name="latest_css_rating" type="text" value="{{$contact->Latest_css_rating}}"  class="form-control" readonly>
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="previous_css_comments">Latest CSS Comments</label>
                    <textarea id="latest_css_comments" name="latest_css_comments" rows="3"  class="form-control textarea_style" readonly>{{$contact->Latest_css_comments}}</textarea>
                </div>
{{--                <div class="form-group">--}}
{{--                    <label class="col-md-3 control-label" for="role">Role</label>--}}
{{--                    <select class="form-control selectpicker" name="role" id="role">--}}
{{--                        <option value=""></option>--}}
{{--                        @foreach($roles as $entry)--}}
{{--                            <option @if($contact->Role == $entry['ID']) selected @endif value="{{$entry['ID']}}">{{$entry['Description']}}</option>--}}
{{--                        @endforeach--}}
{{--                    </select>--}}
{{--                </div>--}}
{{--                <div class="form-group">--}}
{{--                    <label class="col-md-3 control-label" for="DiSC">DiSC</label>--}}
{{--                    <select class="form-control selectpicker" name="DiSC" id="DiSC">--}}
{{--                        <option value=""></option>--}}
{{--                        @foreach($discs as $entry)--}}
{{--                            <option @if($contact->DiSC == $entry['ID']) selected @endif value="{{$entry['ID']}}">{{$entry['Description']}}</option>--}}
{{--                        @endforeach--}}
{{--                    </select>--}}
{{--                </div>--}}

{{--                <div class="form-group">--}}
{{--                    <label class="col-md-3 control-label" for="contact_regularity">Regularity</label>--}}
{{--                    <select class="form-control selectpicker" name="contact_regularity" id="contact_regularity">--}}
{{--                        <option value=""></option>--}}
{{--                        @foreach($regularity as $entry)--}}
{{--                            <option @if($contact->getCoverisMirror['Regularity'] == $entry['ID']) selected @endif value="{{$entry['ID']}}">{{$entry['Description']}}</option>--}}
{{--                        @endforeach--}}
{{--                    </select>--}}
{{--                </div>--}}
{{--            </div>--}}

        </div>

        <div id="contact-details" class="input-block active-first-tier" >
            <div class="form-group">
                <div class="title-labels">
                    <label class="col-md-3 control-label" style="background-color: #1a1e54; color: #fff">Contact Details</label>
                </div>
            </div>

            <div class="form-group details-text">
                <textarea name="comment" id="comment" cols="65" rows="5" class="contact_details_textarea">{{$contact->comment}}</textarea>
            </div>

            <div class="form-position">
                <button type="submit" id="button-lg" class="btn btn-responsive btn-primary btn-sm">Save</button>
            </div>
        </div>
    </div>
@else
    <div style="width: 50%; display: block; margin: 0 auto;">
        <div id="contact-info" class="input-block active-first-tier">
            <div class="form-group">
                <div class="title-labels">
                    <label class="col-md-3 control-label" style="background-color: #1a1e54; color:#fff;">Contact Info</label>
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-3 control-label" for="country">Country*</label>
                <input id="country" name="country"  value="{{$country}}" class="form-control" required readonly>
            </div>

            <div id="dropdown-sold-to">
                <div>
                    <div class="form-group">
                        <label class="col-md-3 control-label" for="sold_to">Customer (SoldTo)*</label>
                        <select id="sold_to" name="sold_to" class="form-control" required readonly>
                            <option value="{{$customer_ID}}" selected>{{$customer_name}}</option>
                        </select>
                    </div>
                </div>
            </div>

{{--            <div class="load-wrapp">--}}
{{--                <div class="load-9">--}}
{{--                    <div class="spinner">--}}
{{--                        <div class="bubble-1"></div>--}}
{{--                        <div class="bubble-2"></div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}

            <div class="customer-group" >
                <div class="form-group">
                    <label class="col-md-3 control-label" for="first_name">First Name*</label>
                    <input id="first_name" name="first_name" type="text" class="form-control" required maxlength="50">
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="last_name">Last Name*</label>
                    <input id="last_name" name="last_name" type="text" class="form-control" required maxlength="50">
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="job_title">Job Title*</label>
                    <input id="job_title" name="job_title" type="text" class="form-control" required maxlength="50">
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="gender">Gender*</label>
                    <select id="gender" name="gender" class="form-control" required>
                        <option></option>
                        @foreach ($genders as $gender)
                            <option value="{{ $gender }}">{{ $gender }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="email">Email*</label>
                    <input id="email" name="email" type="email" class="form-control" required>
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="telephone_no">Telephone No.</label>
                    <input id="telephone_no" name="telephone_no" type="text" class="form-control" maxlength="50">
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="mobile_no">Mobile No.</label>
                    <input id="mobile_no" name="mobile_no" type="text" class="form-control" maxlength="50">
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="cc_pc_i">CC/PC/I</label>
                    <input id="cc_pc_i" name="cc_pc_i" type="text" class="form-control" readonly>
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="previous_css_rating">Previous CSS Rating</label>
                    <input id="previous_css_rating" name="previous_css_rating" type="text" class="form-control" readonly>
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="previous_css_comments">Previous CSS Comments</label>
                    <textarea id="previous_css_comments" name="previous_css_comments" rows="3" class="form-control textarea_style" readonly></textarea>
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="latest_css_rating">Latest CSS Rating</label>
                    <input id="latest_css_rating" name="latest_css_rating" type="text"  class="form-control" readonly>
                </div>

                <div class="form-group">
                    <label class="col-md-3 control-label" for="previous_css_comments">Latest CSS Comments</label>
                    <textarea id="latest_css_comments" name="latest_css_comments" rows="3" class="form-control textarea_style" readonly></textarea>
                </div>
{{--                <div class="form-group">--}}
{{--                    <label class="col-md-3 control-label" for="role">Role</label>--}}
{{--                    <select class="form-control selectpicker" name="role" id="role">--}}
{{--                        <option value=""></option>--}}
{{--                        @foreach($roles as $entry)--}}
{{--                            <option value="{{$entry['ID']}}">{{$entry['Description']}}</option>--}}
{{--                        @endforeach--}}
{{--                    </select>--}}
{{--                </div>--}}
{{--                <div class="form-group">--}}
{{--                    <label class="col-md-3 control-label" for="DiSC">DiSC</label>--}}
{{--                    <select class="form-control selectpicker" name="DiSC" id="DiSC">--}}
{{--                        <option value=""></option>--}}
{{--                        @foreach($discs as $entry)--}}
{{--                            <option value="{{$entry['ID']}}">{{$entry['Description']}}</option>--}}
{{--                        @endforeach--}}
{{--                    </select>--}}
{{--                </div>--}}

{{--                <div class="form-group">--}}
{{--                    <label class="col-md-3 control-label" for="contact_regularity">Regularity</label>--}}
{{--                    <select class="form-control selectpicker" name="contact_regularity" id="contact_regularity">--}}
{{--                        <option value=""></option>--}}
{{--                        @foreach($regularity as $entry)--}}
{{--                            <option value="{{$entry['ID']}}">{{$entry['Description']}}</option>--}}
{{--                        @endforeach--}}
{{--                    </select>--}}
{{--                </div>--}}
{{--            </div>--}}

        </div>

        <div id="contact-details" class="input-block active-first-tier" >
            <div class="form-group">
                <div class="title-labels">
                    <label class="col-md-3 control-label" style="background-color: #1a1e54; color: #fff">Contact Details</label>
                </div>
            </div>

            <div class="form-group details-text">
                <textarea name="comment" id="comment" cols="65" rows="5" class="contact_details_textarea"></textarea>
            </div>

            <div class="form-position">
                <button type="submit" id="button-lg" class="btn btn-responsive btn-primary btn-sm">Save</button>
            </div>
        </div>
    </div>
@endif