{% extends 'base.html' %}
{% load helper_tags %}
{% block content %}
<div class="content">
    <div class="">
        <div class="page-header-title">
            <!--<h4 class="page-title">Client</h4>-->
        </div>
    </div>
    <div class="page-content-wrapper ">
      <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="panel panel-primary">
                    <div class="panel-body">
                        <h3 class="m-t-0 m-b-0 mgn-bt">Survey Form - {{survey_report_barge.assignment.client.client_name}} - {{survey_report_barge.assigned_vessel.vessel_name}} - {{survey_report_barge.file_name}}</h3>
                        
                        {% if messages %}
                        {% for msg in messages %}

                        <div class="alert alert-success alert-dismissible fade in"> 
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>{{msg.message}}
                        </div>
                        {% endfor %}
                        {% endif %}
                        {% if form.errors.items %}
                        {% for field in form %}
                        {% for error in field.errors %}
                        <div class="alert alert-danger alert-dismissible fade in"> 
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>{{ error|escape }}</div>
                            {% endfor %}
                            {% endfor %}
                            {% for error in form.non_field_errors %}
                            <div class="alert alert-danger alert-dismissible fade in"> 
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">×</span>
                                </button>{{ error|escape }}</div>
                                {% endfor %}
                                {% endif %}
                                <div class="stepwizard">
                                    <div class="stepwizard-row setup-panel">
                                        
                                        <div class="stepwizard-step"> <a href="#step-1" type="button" class="btn btn-success btn-circle" data-toggle="tooltip" data-placement="top" title="General Description">1</a>
                                            <!-- <p><small>General Description</small>
                                            </p> -->
                                        </div>
                                        <div class="stepwizard-step"> <a href="#step-2" type="button" class="btn btn-default btn-circle" data-toggle="tooltip" data-placement="top" title="Findings">2</a>
                                            <!-- <p><small>Findings</small>
                                            </p> -->
                                        </div>
                                        
                                        
                                    </div>
                                </div>
                                
                                <div class="row">
                                        <!-- <div class="col-md-3">
                                            
                                        </div> -->
                                        <div class="col-sm-12 col-xs-12">
                                            <div class="m-t-20">

                                                <div class="panel panel-primary setup-content" id="step-1">
                                                    <form class="" name="frmSurveyReportBargeStep1" id='frmSurveyReportBargeStep1' method="POST" action="" novalidate="" enctype="multipart/form-data">{% csrf_token %}
                                                    <h4>General Description</h4>
                                                        <div class="form-group">
                                                            <label>Location of Survey</label>
                                                            <div class="row">
                                                                <div class='col-md-6'>
                                                                    <select class="form-control survey_b_location" name="survey_b_location" id="survey_b_location" data-parsley-required-message="Please select the vessel type of the report">
                                                                        <option value="">Select Location</option>
                                                                        {% for survey_b_location in report_options.BargeLocation %}
                                                                            <option value="{{survey_b_location.id}}" {% if survey_report_barge.survey_b_location|str_is_in:survey_b_location.id %} selected="selected" {% endif %}>
                                                                                {{survey_b_location.b_loc_optn|capfirst}}
                                                                            </option>
                                                                        {% endfor %}
                                                                    </select>
                                                                </div>
                                                                <div class='col-md-6 survey_b_location_other_c'>
                                                                    <input type="text" id="survey_b_location_other" name="survey_b_location_other" class="form-control" placeholder="Enter other location here" value='{{survey_report_barge.survey_b_location_other}}'>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label>Barge Type</label>
                                                            <div>
                                                                <select class="form-control" name="barge_type" id="barge_type" data-parsley-required-message="Please select the barge type">
                                                                    <option value="">Select Barge Type</option>
                                                                    {% for barge_type in report_options.BargeType %}
                                                                        <option value="{{barge_type.id}}" {% if survey_report_barge.barge_type|str_is_in:barge_type.id %} selected="selected" {% endif %}>
                                                                            {{barge_type.b_type_optn|capfirst}}
                                                                        </option>
                                                                    {% endfor %}
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label>Cargo Covers</label>
                                                            <div class="row">
                                                                <div class='col-sm-6 col-xs-12'>
                                                                    <input data-parsley-type="number" type="text" id="cargo_covers_num" name="cargo_covers_num" class="form-control" placeholder="Enter cargo covers number" value='{{survey_report_barge.cargo_covers_num}}'>
                                                                </div>
                                                                <div class='col-sm-6 col-xs-12'>
                                                                    <select class="form-control" name="cargo_covers_type" id="cargo_covers_type" data-parsley-required-message="Please select the cargo covers type">
                                                                        <option value="">Select Cargo Covers</option>
                                                                        {% for cargo_covers_type in report_options.BCargoCovers %}
                                                                            <option value="{{cargo_covers_type.id}}" {% if survey_report_barge.cargo_covers_type|str_is_in:cargo_covers_type.id %} selected="selected" {% endif %}>
                                                                                {{cargo_covers_type.b_car_covers_optn|capfirst}}
                                                                            </option>
                                                                        {% endfor %}
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label>Wing Compartments</label>
                                                            <div>
                                                                <input data-parsley-type="number" type="text" id="wing_compartments" name="wing_compartments" class="form-control" placeholder="Enter wing compartments" value='{{survey_report_barge.wing_compartments}}'>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label>Void Compartments</label>
                                                            <div class="row">
                                                                <div class='col-sm-6 col-xs-12'>
                                                                    <select class="form-control" name="void_bow_compartments" id="void_bow_compartments" data-parsley-required-message="Please select the bow">
                                                                        <option value="">Select Bow</option>
                                                                        {% for void_bow_compartments in report_options.BVoidBow %}
                                                                            <option value="{{void_bow_compartments.id}}" {% if survey_report_barge.void_bow_compartments|str_is_in:void_bow_compartments.id %} selected="selected" {% endif %}>
                                                                                {{void_bow_compartments.b_void_bow_optn|capfirst}}
                                                                            </option>
                                                                        {% endfor %}
                                                                    </select>
                                                                </div>
                                                                <div class='col-sm-6 col-xs-12'>
                                                                    <select class="form-control" name="void_stern_compartments" id="void_stern_compartments" data-parsley-required-message="Please select the stern">
                                                                        <option value="">Select Stern</option>
                                                                        {% for void_stern_compartments in report_options.BVoidStern %}
                                                                            <option value="{{void_stern_compartments.id}}" {% if survey_report_barge.void_stern_compartments|str_is_in:void_stern_compartments.id %} selected="selected" {% endif %}>
                                                                                {{void_stern_compartments.b_void_stern_optn|capfirst}}
                                                                            </option>
                                                                        {% endfor %}
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label>Dimensions</label>
                                                            <div class="row">
                                                                <div class='col-sm-4 col-xs-12'>
                                                                    <input data-parsley-type="number" type="text" id="barg_dimentions_length" name="barg_dimentions_length" class="form-control" placeholder="Enter barge length here" value='{{survey_report_barge.barg_dimentions_length}}'>
                                                                </div>
                                                                <div class='col-sm-4 col-xs-12'>
                                                                    <input data-parsley-type="number" type="text" id="barg_dimentions_width" name="barg_dimentions_width" class="form-control" placeholder="Enter barge width here" value='{{survey_report_barge.barg_dimentions_width}}'>
                                                                </div>
                                                                <div class='col-sm-4 col-xs-12'>
                                                                    <input data-parsley-type="number" type="text" id="barg_dimentions_height" name="barg_dimentions_height" class="form-control" placeholder="Enter barge depth here" value='{{survey_report_barge.barg_dimentions_height}}'>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label>Coaming</label>
                                                            <div>
                                                                <input data-parsley-type="number" type="text" id="barge_coaming_num" name="barge_coaming_num" class="form-control" placeholder="Enter coaming" value='{{survey_report_barge.barge_coaming_num}}'>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label>Covers</label>
                                                            <div class="row">
                                                                <div class='col-md-6'>
                                                                    <select class="form-control barge_covers_cat" name="barge_covers_cat" id="barge_covers_cat" data-parsley-required-message="Please select covers">
                                                                        <option value="">Select Covers</option>
                                                                        {% for barge_covers_cat in report_options.BCoverCategory %}
                                                                            <option value="{{barge_covers_cat.id}}" {% if survey_report_barge.barge_covers_cat|str_is_in:barge_covers_cat.id %} selected="selected" {% endif %}>
                                                                                {{barge_covers_cat.b_cov_cat_optn|capfirst}}
                                                                            </option>
                                                                        {% endfor %}
                                                                    </select>
                                                                </div>
                                                                <div class='col-md-6 barge_covers_cat_other_c'>
                                                                    <input type="text" id="barge_covers_cat_other" name="barge_covers_cat_other" class="form-control" placeholder="Enter barge cover other category" value='{{survey_report_barge.barge_covers_cat_other}}'>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="form-group">
                                                            <label>Extra Notes</label>
                                                            <div>
                                                                <textarea class="form-control" id="b_gd_extra_note" name="b_gd_extra_note" rows="5" placeholder="Enter extra notes here and those will not be included in the report">{{survey_report_barge.b_gd_extra_note}}</textarea>
                                                            </div>
                                                        </div>
                                                        

                                                        <button class="btn btn-primary nextBtn pull-right" type="submit">Save &amp; Next</button>
                                                    </form>
                                                </div>



                                                <div class='panel panel-primary setup-content' id='step-2'>
                                                
                                                    <form class='' name='frmSurveyReportBargeStep2' id='frmSurveyReportBargeStep2' method='POST' action='' novalidate='' enctype='multipart/form-data'>
                                                        {% csrf_token %}
                                                        <h4>Findings</h4>

                                                        <label>Bow Compartment</label>
                                                        <div class="row-add-list">
                                                            
                                                            <div class="row-add row control-group after-add-more-bow-comp">

                                                                <div class='col-md-12'>
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <textarea class="form-control bce_hull_condition" id="bce_hull_condition" name="bce_hull_condition" rows="1" placeholder="Describe Bow Compartment Exterior Hull Condition">{{survey_report_barge.bow_compartment.all.0.bce_hull_condition}}</textarea>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                
                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <select class="form-control bc_compartment" name="bc_compartment" id="bc_compartment" data-parsley-required-message="Please select compartment">
                                                                                <option value=""> Select Compartment</option>
                                                                                
                                                                                {% for bc_compartment in report_options.BargeFComp %}
                                                                                <option value="{{bc_compartment.id}}" {% if survey_report_barge.bow_compartment.all.0.bc_compartment == bc_compartment.id|stringformat:"i" %} selected="selected" {% endif %}>
                                                                                    {{bc_compartment.b_f_comp_optn|capfirst}}
                                                                                </option>
                                                                                {% endfor %}
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="bc_comp_fow_c col-md-6" style="display:none;">
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <input data-parsley-type="number" type="text" id="bc_comp_fow" name="bc_comp_fow" class="form-control bc_comp_fow" data-parsley-required-message="Please enter feet of water"
                                                                            placeholder="Enter feet of water" value='{{survey_report_barge.bow_compartment.all.0.bc_comp_fow}}'>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                
                                                                <div class='col-md-12 finding-check-wrapper'>
                                                                    <div class='col-md-1 left'>
                                                                        <div class="form-group">
                                                                            <div class="checkbox checkbox-primary">
                                                                                <input type="checkbox" class='myCheck bc_check' id="bc_check" name='bc_check' {% if survey_report_barge.bow_compartment.all.0.bc_check != '' %} checked {% endif %} >
                                                                                <label></label>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class='col-md-11 my_check_c right'>
                                                                        <div class="form-group">
                                                                            <div class="lbl-text">
                                                                                Recommend pump and check compartment
                                                                                <!--<input type="text" id="survey_location" name="survey_location" class="form-control" required placeholder="Enter survey location" value='{{survey_report_barge.survey_location}}'>-->
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class='col-md-11'>
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <textarea class="form-control bc_other_condition" id="bc_other_condition" name="bc_other_condition" rows="1" placeholder="Enter other condition notes">{{survey_report_barge.bow_compartment.all.0.bc_other_condition}}</textarea>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                

                                                                <div class="col-md-1">
                                                                    <div class="plus">
                                                                        <a href="javascript:void(0)" class="add-more-bow-comp">
                                                                            <i class="ion-plus-circled"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            

                                                            {% comment %} start remove {% endcomment %}
                                                            <div class="copy-fields-bow-comp hide">
                                                                <div class="row-add row control-group">


                                                                    <div class='col-md-12'>
                                                                        <div class="form-group">
                                                                            <div>
                                                                                <textarea class="form-control bce_hull_condition" id="bce_hull_condition" name="bce_hull_condition" rows="1" placeholder="Describe Bow Compartment Exterior Hull Condition"></textarea>
                                                                            </div>
                                                                        </div>
                                                                    </div>


                                                                
                                                                    <div class="col-md-6">
                                                                        <div class="form-group">
                                                                            <div>
                                                                                <select class="form-control bc_compartment" name="bc_compartment" id="bc_compartment" data-parsley-required-message="Please select compartment">
                                                                                    <option value=""> Select Compartment</option>
                                                                                    {% for bc_compartment in report_options.BargeFComp %}
                                                                                <option value="{{bc_compartment.id}}">
                                                                                    {{bc_compartment.b_f_comp_optn|capfirst}}
                                                                                </option>
                                                                                {% endfor %}
                                                                                </select>
                                                                            </div>
                                                                        </div>
                                                                    </div>


                                                                    <div class="bc_comp_fow_c col-md-6" style="display:none;">
                                                                        <div class="form-group">
                                                                            <div>
                                                                                <input data-parsley-type="number" type="text" id="bc_comp_fow" name="bc_comp_fow" class="form-control bc_comp_fow" data-parsley-required-message="Please enter feet of water"
                                                                                placeholder="Enter feet of water">
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <div class='col-md-12 finding-check-wrapper'>
                                                                        <div class='col-md-1 left'>
                                                                            <div class="form-group">
                                                                                <div class="checkbox checkbox-primary">
                                                                                    <input type="checkbox" class='myCheck bc_check' id="bc_check" name='bc_check'>
                                                                                    <label></label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class='col-md-11 my_check_c right'>
                                                                            <div class="form-group">
                                                                                <div class="lbl-text">
                                                                                   Recommend pump and check compartment
                                                                                    <!--<input type="text" id="survey_location" name="survey_location" class="form-control" required placeholder="Enter survey location" value='{{survey_report_barge.survey_location}}'>-->
                                                                                </div>
                                                                            </div>
                                                                         </div>
                                                                    </div>
    
                                                                    <div class='col-md-11'>
                                                                        <div class="form-group">
                                                                            <div>
                                                                                <textarea class="form-control bc_other_condition" id="bc_other_condition" name="bc_other_condition" rows="1" placeholder="Enter other condition notes"></textarea>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    
    

                                                                    <div class="col-md-1">
                                                                        <div class="plus">
                                                                            <a href="javascript:void(0)" class="add-more-bow-comp">
                                                                                <i class="ion-plus-circled"></i>
                                                                            </a>
                                                                        </div>
                                                                        <div class="minus">
                                                                            <a href="javascript:void(0)" class="remove-bow-comp">
                                                                                <i class="ion-minus-circled"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            {% comment %} end remove {% endcomment %}

                                                            {% comment %} start edit loop {% endcomment %}
                                                            {% for bow_compartment in survey_report_barge.bow_compartment.all|minrange:"1" %}
                                                            
                                                            <div class="row-add row control-group">



                                                                <div class='col-md-12'>
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <textarea class="form-control bce_hull_condition" id="bce_hull_condition" name="bce_hull_condition" rows="1" placeholder="Describe Bow Compartment Exterior Hull Condition">{{bow_compartment.bce_hull_condition}}</textarea>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                
                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <select class="form-control bc_compartment" name="bc_compartment" id="bc_compartment" data-parsley-required-message="Please select compartment">
                                                                                <option value=""> Select Compartment</option>
                                                                                {% for bc_compartment in report_options.BargeFComp %}
                                                                                <option value="{{bc_compartment.id}}" {% if bow_compartment.bc_compartment == bc_compartment.id|stringformat:"i" %} selected="selected" {% endif %}>
                                                                                    {{bc_compartment.b_f_comp_optn|capfirst}}
                                                                                </option>
                                                                                {% endfor %}
                                                                                
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                </div>


                                                                <div class="bc_comp_fow_c col-md-6" style="display:none;">
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <input data-parsley-type="number" type="text" id="bc_comp_fow" name="bc_comp_fow" class="form-control bc_comp_fow" data-parsley-required-message="Please enter feet of water"
                                                                            placeholder="Enter feet of water" value='{{bow_compartment.bc_comp_fow}}'>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class='col-md-12 finding-check-wrapper'>
                                                                    <div class='col-md-1 left'>
                                                                        <div class="form-group">
                                                                            <div class="checkbox checkbox-primary">
                                                                                <input type="checkbox" class='myCheck bc_check' id="bc_check" name='bc_check' {% if bow_compartment.bc_check != '' %} checked {% endif %}>
                                                                                <label></label>
                                                                            </div>
                                                                        </div>
                                                                     </div>
                                                                    <div class='col-md-11 my_check_c right'>
                                                                        <div class="form-group">
                                                                            <div class="lbl-text">
                                                                                Recommend pump and check compartment
                                                                                <!--<input type="text" id="survey_location" name="survey_location" class="form-control" required placeholder="Enter survey location" value='{{bow_compartment.survey_location}}'>-->
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class='col-md-11'>
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <textarea class="form-control bc_other_condition" id="bc_other_condition" name="bc_other_condition" rows="1" placeholder="Enter other condition notes">{{bow_compartment.bc_other_condition}}</textarea>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                

                                                                <div class="col-md-1">
                                                                    <div class="plus">
                                                                        <a href="javascript:void(0)" class="add-more-bow-comp">
                                                                            <i class="ion-plus-circled"></i>
                                                                        </a>
                                                                    </div>
                                                                    <div class="minus">
                                                                        <a href="javascript:void(0)" class="remove-bow-comp">
                                                                            <i class="ion-minus-circled"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            {% endfor %}
                                                            {% comment %} end edit loop {% endcomment %}
                                                        </div>


                                                        <label>Starboard Side</label>
                                                        <div class="row-add-list">

                                                            <div class="row-add row control-group after-add-more-star-side">

                                                                <div class='col-md-12'>
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <textarea class="form-control ss_hull_condition" id="ss_hull_condition" name="ss_hull_condition" rows="1" placeholder="Describe Starboard Side Exterior Hull Condition">{{survey_report_barge.starboard_side.all.0.ss_hull_condition}}</textarea>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                
                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <select class="form-control ss_compartment" name="ss_compartment" id="ss_compartment" data-parsley-required-message="Please select compartment">
                                                                                <option value=""> Select Compartment</option>
                                                                                
                                                                                {% for ss_compartment in report_options.BargeFComp %}
                                                                                <option value="{{ss_compartment.id}}" {% if survey_report_barge.starboard_side.all.0.ss_compartment == ss_compartment.id|stringformat:"i" %} selected="selected" {% endif %}>
                                                                                    {{ss_compartment.b_f_comp_optn|capfirst}}
                                                                                </option>
                                                                                {% endfor %}
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="ss_comp_fow_c col-md-6" style="display:none;">
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <input data-parsley-type="number" type="text" id="ss_comp_fow" name="ss_comp_fow" class="form-control ss_comp_fow" data-parsley-required-message="Please enter feet of water"
                                                                            placeholder="Enter feet of water" value='{{survey_report_barge.starboard_side.all.0.ss_comp_fow}}'>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class='col-md-12 finding-check-wrapper'>
                                                                    <div class='col-md-1 left'>
                                                                        <div class="form-group">
                                                                            <div class="checkbox checkbox-primary">
                                                                            <input type="checkbox" class='myCheck ss_check' id="ss_check" name='ss_check' {% if survey_report_barge.starboard_side.all.0.ss_check != '' %} checked {% endif %} >
                                                                            <label></label>
                                                                        </div>
                                                                    </div>
                                                                </div>


                                                                <div class='col-md-11 my_check_c right'>
                                                                    <div class="form-group">
                                                                        <div class="lbl-text">
                                                                            Recommend pump and check compartment
                                                                            <!--<input type="text" id="survey_location" name="survey_location" class="form-control" required placeholder="Enter survey location" value='{{survey_report_barge.survey_location}}'>-->
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                </div>

                                                                <div class='col-md-11'>
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <textarea class="form-control ss_other_condition" id="ss_other_condition" name="ss_other_condition" rows="1" placeholder="Enter other condition notes">{{survey_report_barge.starboard_side.all.0.ss_other_condition}}</textarea>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                

                                                                <div class="col-md-1">
                                                                    <div class="plus">
                                                                        <a href="javascript:void(0)" class="add-more-star-side">
                                                                            <i class="ion-plus-circled"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            

                                                            {% comment %} start remove {% endcomment %}
                                                            <div class="copy-fields-star-side hide">
                                                                <div class="row-add row control-group">


                                                                    <div class='col-md-12'>
                                                                        <div class="form-group">
                                                                            <div>
                                                                                <textarea class="form-control ss_hull_condition" id="ss_hull_condition" name="ss_hull_condition" rows="1" placeholder="Describe Starboard Side Exterior Hull Condition"></textarea>
                                                                            </div>
                                                                        </div>
                                                                    </div>


                                                                
                                                                    <div class="col-md-6">
                                                                        <div class="form-group">
                                                                            <div>
                                                                                <select class="form-control ss_compartment" name="ss_compartment" id="ss_compartment" data-parsley-required-message="Please select compartment">
                                                                                    <option value=""> Select Compartment</option>
                                                                                    {% for ss_compartment in report_options.BargeFComp %}
                                                                                <option value="{{ss_compartment.id}}">
                                                                                    {{ss_compartment.b_f_comp_optn|capfirst}}
                                                                                </option>
                                                                                {% endfor %}
                                                                                </select>
                                                                            </div>
                                                                        </div>
                                                                    </div>


                                                                    <div class="ss_comp_fow_c col-md-6" style="display:none;">
                                                                        <div class="form-group">
                                                                            <div>
                                                                                <input data-parsley-type="number" type="text" id="ss_comp_fow" name="ss_comp_fow" class="form-control ss_comp_fow" data-parsley-required-message="Please enter feet of water"
                                                                                placeholder="Enter feet of water">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                   <div class='col-md-12 finding-check-wrapper'>
                                                                        <div class='col-md-1 left'>
                                                                            <div class="form-group">
                                                                                <div class="checkbox checkbox-primary">
                                                                                    <input type="checkbox" class='myCheck ss_check' id="ss_check" name='ss_check'>
                                                                                    <label></label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class='col-md-11 my_check_c right'>
                                                                            <div class="form-group">
                                                                                <div class="lbl-text">
                                                                                    Recommend pump and check compartment
                                                                                    <!--<input type="text" id="survey_location" name="survey_location" class="form-control" required placeholder="Enter survey location" value='{{survey_report_barge.survey_location}}'>-->
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
    
                                                                    <div class='col-md-11'>
                                                                        <div class="form-group">
                                                                            <div>
                                                                                <textarea class="form-control ss_other_condition" id="ss_other_condition" name="ss_other_condition" rows="1" placeholder="Enter other condition notes"></textarea>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    
    

                                                                    <div class="col-md-1">
                                                                        <div class="plus">
                                                                            <a href="javascript:void(0)" class="add-more-star-side">
                                                                                <i class="ion-plus-circled"></i>
                                                                            </a>
                                                                        </div>
                                                                        <div class="minus">
                                                                            <a href="javascript:void(0)" class="remove-star-side">
                                                                                <i class="ion-minus-circled"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            {% comment %} end remove {% endcomment %}

                                                            {% comment %} start edit loop {% endcomment %}
                                                            {% for starboard_side in survey_report_barge.starboard_side.all|minrange:"1" %}
                                                            
                                                            <div class="row-add row control-group">



                                                                <div class='col-md-12'>
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <textarea class="form-control ss_hull_condition" id="ss_hull_condition" name="ss_hull_condition" rows="1" placeholder="Describe Starboard Side Exterior Hull Condition">{{starboard_side.ss_hull_condition}}</textarea>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                
                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <select class="form-control ss_compartment" name="ss_compartment" id="ss_compartment" data-parsley-required-message="Please select compartment">
                                                                                <option value=""> Select Compartment</option>
                                                                                {% for ss_compartment in report_options.BargeFComp %}
                                                                                <option value="{{ss_compartment.id}}" {% if starboard_side.ss_compartment == ss_compartment.id|stringformat:"i" %} selected="selected" {% endif %}>
                                                                                    {{ss_compartment.b_f_comp_optn|capfirst}}
                                                                                </option>
                                                                                {% endfor %}
                                                                                
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                </div>


                                                                <div class="ss_comp_fow_c col-md-6" style="display:none;">
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <input data-parsley-type="number" type="text" id="ss_comp_fow" name="ss_comp_fow" class="form-control ss_comp_fow" data-parsley-required-message="Please enter feet of water"
                                                                            placeholder="Enter feet of water" value='{{starboard_side.ss_comp_fow}}'>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                               <div class='col-md-12 finding-check-wrapper'>
                                                                    <div class='col-md-1 left'>
                                                                        <div class="form-group">
                                                                            <div class="checkbox checkbox-primary">
                                                                                <input type="checkbox" class='myCheck ss_check' id="ss_check" name='ss_check' {% if starboard_side.ss_check != '' %} checked {% endif %}>
                                                                                <label></label>
                                                                            </div>
                                                                        </div>
                                                                     </div>
                                                                    <div class='col-md-11 my_check_c right'>
                                                                        <div class="form-group">
                                                                            <div class="lbl-text">
                                                                                Recommend pump and check compartment
                                                                                <!--<input type="text" id="survey_location" name="survey_location" class="form-control" required placeholder="Enter survey location" value='{{starboard_side.survey_location}}'>-->
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class='col-md-11'>
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <textarea class="form-control ss_other_condition" id="ss_other_condition" name="ss_other_condition" rows="1" placeholder="Enter other condition notes">{{starboard_side.ss_other_condition}}</textarea>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                

                                                                <div class="col-md-1">
                                                                    <div class="plus">
                                                                        <a href="javascript:void(0)" class="add-more-star-side">
                                                                            <i class="ion-plus-circled"></i>
                                                                        </a>
                                                                    </div>
                                                                    <div class="minus">
                                                                        <a href="javascript:void(0)" class="remove-star-side">
                                                                            <i class="ion-minus-circled"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            {% endfor %}
                                                            {% comment %} end edit loop {% endcomment %}
                                                        </div>


                                                        <label>Stern Compartment</label>
                                                        <div class="row-add-list">

                                                            <div class="row-add row control-group after-add-more-stern-comp">

                                                                <div class='col-md-12'>
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <textarea class="form-control sce_hull_condition" id="sce_hull_condition" name="sce_hull_condition" rows="1" placeholder="Describe Stern Compartment Exterior Hull Condition">{{survey_report_barge.stern_compartment.all.0.sce_hull_condition}}</textarea>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                
                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <select class="form-control sc_compartment" name="sc_compartment" id="sc_compartment" data-parsley-required-message="Please select compartment">
                                                                                <option value=""> Select Compartment</option>
                                                                                
                                                                                {% for sc_compartment in report_options.BargeFComp %}
                                                                                <option value="{{sc_compartment.id}}" {% if survey_report_barge.stern_compartment.all.0.sc_compartment == sc_compartment.id|stringformat:"i" %} selected="selected" {% endif %}>
                                                                                    {{sc_compartment.b_f_comp_optn|capfirst}}
                                                                                </option>
                                                                                {% endfor %}
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="sc_comp_fow_c col-md-6" style="display:none;">
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <input data-parsley-type="number" type="text" id="sc_comp_fow" name="sc_comp_fow" class="form-control sc_comp_fow" data-parsley-required-message="Please enter feet of water"
                                                                            placeholder="Enter feet of water" value='{{survey_report_barge.stern_compartment.all.0.sc_comp_fow}}'>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                
                                                                <div class='col-md-12 finding-check-wrapper'>
                                                                    <div class='col-md-1 left'>
                                                                        <div class="form-group">
                                                                            <div class="checkbox checkbox-primary">
                                                                                <input type="checkbox" class='myCheck sc_check' id="sc_check" name='sc_check' {% if survey_report_barge.stern_compartment.all.0.sc_check != '' %} checked {% endif %}>
                                                                                <label></label>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class='col-md-11 my_check_c right'>
                                                                        <div class="form-group">
                                                                            <div class="lbl-text">
                                                                                Recommend pump and check compartment
                                                                                <!--<input type="text" id="survey_location" name="survey_location" class="form-control" required placeholder="Enter survey location" value='{{survey_report_barge.survey_location}}'>-->
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class='col-md-11'>
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <textarea class="form-control sc_other_condition" id="sc_other_condition" name="sc_other_condition" rows="1" placeholder="Enter other condition notes">{{survey_report_barge.stern_compartment.all.0.sc_other_condition}}</textarea>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                

                                                                <div class="col-md-1">
                                                                    <div class="plus">
                                                                        <a href="javascript:void(0)" class="add-more-stern-comp">
                                                                            <i class="ion-plus-circled"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            

                                                            {% comment %} start remove {% endcomment %}
                                                            <div class="copy-fields-stern-comp hide">
                                                                <div class="row-add row control-group">


                                                                    <div class='col-md-12'>
                                                                        <div class="form-group">
                                                                            <div>
                                                                                <textarea class="form-control sce_hull_condition" id="sce_hull_condition" name="sce_hull_condition" rows="1" placeholder="Describe Bow Compartment Exterior Hull Condition"></textarea>
                                                                            </div>
                                                                        </div>
                                                                    </div>


                                                                
                                                                    <div class="col-md-6">
                                                                        <div class="form-group">
                                                                            <div>
                                                                                <select class="form-control sc_compartment" name="sc_compartment" id="sc_compartment" data-parsley-required-message="Please select compartment">
                                                                                    <option value=""> Select Compartment</option>
                                                                                    {% for sc_compartment in report_options.BargeFComp %}
                                                                                <option value="{{sc_compartment.id}}">
                                                                                    {{sc_compartment.b_f_comp_optn|capfirst}}
                                                                                </option>
                                                                                {% endfor %}
                                                                                </select>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <div class="sc_comp_fow_c col-md-6" style="display:none;">
                                                                        <div class="form-group">
                                                                            <div>
                                                                                <input data-parsley-type="number" type="text" id="sc_comp_fow" name="sc_comp_fow" class="form-control sc_comp_fow" data-parsley-required-message="Please enter feet of water"
                                                                                placeholder="Enter feet of water">
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                   <div class='col-md-12 finding-check-wrapper'>
                                                                        <div class='col-md-1 left'>
                                                                            <div class="form-group">
                                                                                <div class="checkbox checkbox-primary">
                                                                                    <input type="checkbox" class='myCheck sc_check' id="sc_check" name='sc_check'>
                                                                                    <label></label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class='col-md-11 my_check_c right'>
                                                                            <div class="form-group">
                                                                                <div class="lbl-text">
                                                                                    Recommend pump and check compartment
                                                                                    <!--<input type="text" id="survey_location" name="survey_location" class="form-control" required placeholder="Enter survey location" value='{{survey_report_barge.survey_location}}'>-->
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
    
                                                                    <div class='col-md-11'>
                                                                        <div class="form-group">
                                                                            <div>
                                                                                <textarea class="form-control sc_other_condition" id="sc_other_condition" name="sc_other_condition" rows="1" placeholder="Enter other condition notes"></textarea>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    
    

                                                                    <div class="col-md-1">
                                                                        <div class="plus">
                                                                            <a href="javascript:void(0)" class="add-more-stern-comp">
                                                                                <i class="ion-plus-circled"></i>
                                                                            </a>
                                                                        </div>
                                                                        <div class="minus">
                                                                            <a href="javascript:void(0)" class="remove-stern-comp">
                                                                                <i class="ion-minus-circled"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            {% comment %} end remove {% endcomment %}

                                                            {% comment %} start edit loop {% endcomment %}
                                                            {% for stern_compartment in survey_report_barge.stern_compartment.all|minrange:"1" %}
                                                            
                                                            <div class="row-add row control-group">



                                                                <div class='col-md-12'>
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <textarea class="form-control sce_hull_condition" id="sce_hull_condition" name="sce_hull_condition" rows="1" placeholder="Describe Bow Compartment Exterior Hull Condition">{{stern_compartment.sce_hull_condition}}</textarea>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                
                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <select class="form-control sc_compartment" name="sc_compartment" id="sc_compartment" data-parsley-required-message="Please select compartment">
                                                                                <option value=""> Select Compartment</option>
                                                                                {% for sc_compartment in report_options.BargeFComp %}
                                                                                <option value="{{sc_compartment.id}}" {% if stern_compartment.sc_compartment == sc_compartment.id|stringformat:"i" %} selected="selected" {% endif %}>
                                                                                    {{sc_compartment.b_f_comp_optn|capfirst}}
                                                                                </option>
                                                                                {% endfor %}
                                                                                
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                </div>


                                                                <div class="sc_comp_fow_c col-md-6" style="display:none;">
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <input data-parsley-type="number" type="text" id="sc_comp_fow" name="sc_comp_fow" class="form-control sc_comp_fow" data-parsley-required-message="Please enter feet of water"
                                                                            placeholder="Enter feet of water" value='{{stern_compartment.sc_comp_fow}}'>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                              <div class='col-md-12 finding-check-wrapper'>
                                                                    <div class='col-md-1 left'>
                                                                        <div class="form-group">
                                                                            <div class="checkbox checkbox-primary">
                                                                              <input type="checkbox" class='myCheck sc_check' id="sc_check" name='sc_check' {% if stern_compartment.sc_check != '' %} checked {% endif %}>
                                                                              <label></label>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class='col-md-11 my_check_c right'>
                                                                            <div class="form-group">
                                                                                <div class="lbl-text">
                                                                                Recommend pump and check compartment
                                                                                <!--<input type="text" id="survey_location" name="survey_location" class="form-control" required placeholder="Enter survey location" value='{{stern_compartment.survey_location}}'>-->
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class='col-md-11'>
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <textarea class="form-control sc_other_condition" id="sc_other_condition" name="sc_other_condition" rows="1" placeholder="Enter other condition notes">{{stern_compartment.sc_other_condition}}</textarea>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                

                                                                <div class="col-md-1">
                                                                    <div class="plus">
                                                                        <a href="javascript:void(0)" class="add-more-stern-comp">
                                                                            <i class="ion-plus-circled"></i>
                                                                        </a>
                                                                    </div>
                                                                    <div class="minus">
                                                                        <a href="javascript:void(0)" class="remove-stern-comp">
                                                                            <i class="ion-minus-circled"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            {% endfor %}
                                                            {% comment %} end edit loop {% endcomment %}
                                                        </div>


                                                        <label>Port Side</label>
                                                        <div class="row-add-list">

                                                            <div class="row-add row control-group after-add-more-port-side">

                                                                <div class='col-md-12'>
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <textarea class="form-control ps_hull_condition" id="ps_hull_condition" name="ps_hull_condition" rows="1" placeholder="Describe Port Side Exterior Hull Condition">{{survey_report_barge.port_side.all.0.ps_hull_condition}}</textarea>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                
                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <select class="form-control ps_compartment" name="ps_compartment" id="ps_compartment" data-parsley-required-message="Please select compartment">
                                                                                <option value=""> Select Compartment</option>
                                                                                
                                                                                {% for ps_compartment in report_options.BargeFComp %}
                                                                                <option value="{{ps_compartment.id}}" {% if survey_report_barge.port_side.all.0.ps_compartment == ps_compartment.id|stringformat:"i" %} selected="selected" {% endif %}>
                                                                                    {{ps_compartment.b_f_comp_optn|capfirst}}
                                                                                </option>
                                                                                {% endfor %}
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="ps_comp_fow_c col-md-6" style="display:none;">
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <input data-parsley-type="number" type="text" id="ps_comp_fow" name="ps_comp_fow" class="form-control ps_comp_fow" data-parsley-required-message="Please enter feet of water"
                                                                            placeholder="Enter feet of water" value='{{survey_report_barge.port_side.all.0.ps_comp_fow}}'>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                
                                                                <div class='col-md-12 finding-check-wrapper'>
                                                                    <div class='col-md-1 left'>
                                                                        <div class="form-group">
                                                                            <div class="checkbox checkbox-primary">
                                                                                 <input type="checkbox" class='myCheck ps_check' id="ps_check" name='ps_check' {% if survey_report_barge.port_side.all.0.ps_check != '' %} checked {% endif %}>
                                                                                <label></label>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class='col-md-11 my_check_c right'>
                                                                        <div class="form-group">
                                                                            <div class="lbl-text">
                                                                                Recommend pump and check compartment
                                                                                <!--<input type="text" id="survey_location" name="survey_location" class="form-control" required placeholder="Enter survey location" value='{{survey_report_barge.survey_location}}'>-->
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class='col-md-11'>
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <textarea class="form-control ps_other_condition" id="ps_other_condition" name="ps_other_condition" rows="1" placeholder="Enter other condition notes">{{survey_report_barge.port_side.all.0.ps_other_condition}}</textarea>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                

                                                                <div class="col-md-1">
                                                                    <div class="plus">
                                                                        <a href="javascript:void(0)" class="add-more-port-side">
                                                                            <i class="ion-plus-circled"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            

                                                            {% comment %} start remove {% endcomment %}
                                                            <div class="copy-fields-port-side hide">
                                                                <div class="row-add row control-group">


                                                                    <div class='col-md-12'>
                                                                        <div class="form-group">
                                                                            <div>
                                                                                <textarea class="form-control ps_hull_condition" id="ps_hull_condition" name="ps_hull_condition" rows="1" placeholder="Describe Port Side Exterior Hull Condition"></textarea>
                                                                            </div>
                                                                        </div>
                                                                    </div>


                                                                
                                                                    <div class="col-md-6">
                                                                        <div class="form-group">
                                                                            <div>
                                                                                <select class="form-control ps_compartment" name="ps_compartment" id="ps_compartment" data-parsley-required-message="Please select compartment">
                                                                                    <option value=""> Select Compartment</option>
                                                                                    {% for ps_compartment in report_options.BargeFComp %}
                                                                                <option value="{{ps_compartment.id}}">
                                                                                    {{ps_compartment.b_f_comp_optn|capfirst}}
                                                                                </option>
                                                                                {% endfor %}
                                                                                </select>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <div class="ps_comp_fow_c col-md-6" style="display:none;">
                                                                        <div class="form-group">
                                                                            <div>
                                                                                <input data-parsley-type="number" type="text" id="ps_comp_fow" name="ps_comp_fow" class="form-control ps_comp_fow" data-parsley-required-message="Please enter feet of water"
                                                                                placeholder="Enter feet of water">
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                   <div class='col-md-12 finding-check-wrapper'>
                                                                        <div class='col-md-1 left'>
                                                                            <div class="form-group">
                                                                                <div class="checkbox checkbox-primary">
                                                                                     <input type="checkbox" class='myCheck ps_check' id="ps_check" name='ps_check'>
                                                                                     <label></label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class='col-md-11 my_check_c right'>
                                                                            <div class="form-group">
                                                                                <div class="lbl-text">
                                                                                    Recommend pump and check compartment
                                                                                    <!--<input type="text" id="survey_location" name="survey_location" class="form-control" required placeholder="Enter survey location" value='{{survey_report_barge.survey_location}}'>-->
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
    
                                                                    <div class='col-md-11'>
                                                                        <div class="form-group">
                                                                            <div>
                                                                                <textarea class="form-control ps_other_condition" id="ps_other_condition" name="ps_other_condition" rows="1" placeholder="Enter other condition notes"></textarea>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    
    

                                                                    <div class="col-md-1">
                                                                        <div class="plus">
                                                                            <a href="javascript:void(0)" class="add-more-port-side">
                                                                                <i class="ion-plus-circled"></i>
                                                                            </a>
                                                                        </div>
                                                                        <div class="minus">
                                                                            <a href="javascript:void(0)" class="remove-port-side">
                                                                                <i class="ion-minus-circled"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            {% comment %} end remove {% endcomment %}

                                                            {% comment %} start edit loop {% endcomment %}
                                                            {% for port_side in survey_report_barge.port_side.all|minrange:"1" %}
                                                            
                                                            <div class="row-add row control-group">



                                                                <div class='col-md-12'>
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <textarea class="form-control ps_hull_condition" id="ps_hull_condition" name="ps_hull_condition" rows="1" placeholder="Describe Port Side Exterior Hull Condition">{{port_side.ps_hull_condition}}</textarea>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                
                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <select class="form-control ps_compartment" name="ps_compartment" id="ps_compartment" data-parsley-required-message="Please select compartment">
                                                                                <option value=""> Select Compartment</option>
                                                                                {% for ps_compartment in report_options.BargeFComp %}
                                                                                <option value="{{ps_compartment.id}}" {% if port_side.ps_compartment == ps_compartment.id|stringformat:"i" %} selected="selected" {% endif %}>
                                                                                    {{ps_compartment.b_f_comp_optn|capfirst}}
                                                                                </option>
                                                                                {% endfor %}
                                                                                
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="ps_comp_fow_c col-md-6" style="display:none;">
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <input data-parsley-type="number" type="text" id="ps_comp_fow" name="ps_comp_fow" class="form-control ps_comp_fow" data-parsley-required-message="Please enter feet of water"
                                                                            placeholder="Enter feet of water" value='{{port_side.ps_comp_fow}}'>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class='col-md-12 finding-check-wrapper'>
                                                                    <div class='col-md-1 left'>
                                                                        <div class="form-group">
                                                                            <div class="checkbox checkbox-primary">
                                                                                <input type="checkbox" class='myCheck ps_check' id="ps_check" name='ps_check' {% if port_side.ps_check != '' %} checked {% endif %}>
                                                                                <label></label>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class='col-md-11 my_check_c right'>
                                                                        <div class="form-group">
                                                                            <div class="lbl-text">
                                                                                Recommend pump and check compartment
                                                                                <!--<input type="text" id="survey_location" name="survey_location" class="form-control" required placeholder="Enter survey location" value='{{port_side.survey_location}}'>-->
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class='col-md-11'>
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <textarea class="form-control ps_other_condition" id="ps_other_condition" name="ps_other_condition" rows="1" placeholder="Enter other condition notes">{{port_side.ps_other_condition}}</textarea>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                

                                                                <div class="col-md-1">
                                                                    <div class="plus">
                                                                        <a href="javascript:void(0)" class="add-more-port-side">
                                                                            <i class="ion-plus-circled"></i>
                                                                        </a>
                                                                    </div>
                                                                    <div class="minus">
                                                                        <a href="javascript:void(0)" class="remove-port-side">
                                                                            <i class="ion-minus-circled"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            {% endfor %}
                                                            {% comment %} end edit loop {% endcomment %}
                                                        </div>

                                                        <input type="hidden" name="assignVisselId" id="assignVisselId" value="{{assign_vessel.id}}"  > 
                                                        
                                                        <div class="form-group">
                                                            <label>Coaming</label>
                                                            <div class="row" >
                                                                <div class='col-md-6'>
                                                                    <select class="form-control b_coaming" name="b_coaming_" id="b_coaming" data-parsley-required-message="Please select coaming condition">
                                                                        <option value="">Select Coaming Condition</option>
                                                                        {% for b_coaming in report_options.BargeCoaming %}
                                                                            <option value="{{b_coaming.id}}" {% if survey_report_barge.b_coaming|str_is_in:b_coaming.id %} selected="selected" {% endif %}>
                                                                                {{b_coaming.b_coaming_optn|capfirst}}
                                                                            </option>
                                                                        {% endfor %}
                                                                    </select>
                                                                </div>
                                                                <div class='col-md-6 b_coaming_other_c'>
                                                                    <input type="text" id="b_coaming_other" name="b_coaming_other" class="form-control" placeholder="Enter other coaming condition" value='{{survey_report_barge.b_coaming_other}}'>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="form-group">
                                                            <label>Hopper</label>
                                                            <div class="row">
                                                                <div class='col-md-6'>
                                                                    <select class="form-control b_hopper" name="b_hopper" id="b_hopper" data-parsley-required-message="Please select hopper">
                                                                        <option value="">Select Hopper Condition</option>
                                                                        {% for b_hopper in report_options.BargeHopper %}
                                                                            <option value="{{b_hopper.id}}" {% if survey_report_barge.b_hopper|str_is_in:b_hopper.id %} selected="selected" {% endif %}>
                                                                                {{b_hopper.b_hopper_optn|capfirst}}
                                                                            </option>
                                                                        {% endfor %}
                                                                    </select>
                                                                </div>
                                                                <div class='col-md-6 b_hopper_other_c'>
                                                                    <input type="text" id="b_hopper_other" name="b_hopper_other" class="form-control" placeholder="Enter other hopper condition" value='{{survey_report_barge.b_hopper_other}}'>
                                                                </div>
                                                            </div>
                                                        </div>


                                                        <div class="form-group">
                                                            <label>Covers</label>
                                                            <div class='row form-group'>
                                                                <div class='col-md-6'>
                                                                    <select class="form-control b_covers" name="b_covers" id="b_covers" data-parsley-required-message="Please select barge cover">
                                                                        <option value="">Select Covers</option>
                                                                        {% for b_covers in report_options.BargeCover %}
                                                                            <option value="{{b_covers.id}}" {% if survey_report_barge.b_covers|str_is_in:b_covers.id %} selected="selected" {% endif %}>
                                                                                {{b_covers.b_cover_optn|capfirst}}
                                                                            </option>
                                                                        {% endfor %}
                                                                    </select>
                                                                </div>
                                                                <div class='col-md-6 b_covers_other_c'>
                                                                    <input type="text" id="b_covers_other" name="b_covers_other" class="form-control" placeholder="Enter other cover condition" value='{{survey_report_barge.b_covers_other}}'>
                                                                </div>
                                                            </div>

                                                            <div class='row'>
                                                                <div class='col-md-6 finding-check-wrapper-c'>
                                                                    <div class='col-md-1'>
                                                                        <div class="form-group">
                                                                            <div class="checkbox checkbox-primary">
                                                                                <input type="checkbox" class='myCheckCover' id="b_cover_check" name='b_cover_check' checked="checked" >
                                                                                <label></label>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <div class='col-md-11 my_check_cover_c'>
                                                                        <select class="form-control b_cover_rec" name="b_cover_rec" id="b_cover_rec" data-parsley-required-message="Please select recommended barge cover">
                                                                            <option value="">Select Cover Recommendation</option>
                                                                            {% for b_cover_rec in report_options.BargeCoverRec %}
                                                                                <option value="{{b_cover_rec.id}}" {% if survey_report_barge.b_cover_rec|str_is_in:b_cover_rec.id %} selected="selected" {% endif %}>
                                                                                    {{b_cover_rec.b_cover_rec_optn|capfirst}}
                                                                                </option>
                                                                            {% endfor %}
                                                                        </select>
                                                                    </div>
                                                                </div>

                                                                <div class='col-md-6 b_cover_rec_other_c'>
                                                                    <input type="text" id="b_cover_rec_other" name="b_cover_rec_other" class="form-control" placeholder="Enter other cover recommendation" value='{{survey_report_barge.b_cover_rec_other}}'>
                                                                </div>
                                                            </div>
                                                        </div>


                                                        <div class="form-group">
                                                            <label>Deck Fittings</label>
                                                            <div class="row">
                                                                <div class='col-md-6'>
                                                                    <select class="form-control b_deck_fittings" name="b_deck_fittings" id="b_deck_fittings" data-parsley-required-message="Please select deck fittings">
                                                                        <option value="">Select Deck Fittings</option>
                                                                        {% for b_deck_fittings in report_options.BargeFittings %}
                                                                            <option value="{{b_deck_fittings.id}}" {% if survey_report_barge.b_deck_fittings|str_is_in:b_deck_fittings.id %} selected="selected" {% endif %}>
                                                                                {{b_deck_fittings.b_fittings_optn|capfirst}}
                                                                            </option>
                                                                        {% endfor %}
                                                                    </select>
                                                                </div>
                                                                <div class='col-md-6 b_deck_fittings_other_c'>
                                                                    <input type="text" id="b_deck_fittings_other" name="b_deck_fittings_other" class="form-control" placeholder="Enter other fittings condition" value='{{survey_report_barge.b_deck_fittings_other}}'>
                                                                </div>
                                                            </div>
                                                        </div>


                                                        <div class="form-group">
                                                            <label>Coatings</label>
                                                            <div class="row">
                                                                <div class='col-md-6'>
                                                                    <select class="form-control b_coatings" name="b_coatings" id="b_coatings" data-parsley-required-message="Please select coatings">
                                                                        <option value="">Select Coatings</option>
                                                                        {% for b_coatings in report_options.BargeCoatings %}
                                                                            <option value="{{b_coatings.id}}" {% if survey_report_barge.b_coatings|str_is_in:b_coatings.id %} selected="selected" {% endif %}>
                                                                                {{b_coatings.b_coatings_optn|capfirst}}
                                                                            </option>
                                                                        {% endfor %}
                                                                    </select>
                                                                </div>
                                                                <div class='col-md-6 b_coatings_other_c'>
                                                                    <input type="text" id="b_coatings_other" name="b_coatings_other" class="form-control" placeholder="Enter other fittings condition" value='{{survey_report_barge.b_coatings_other}}'>
                                                                </div>
                                                            </div>
                                                        </div>


                                                        <div class="form-group">
                                                            <label>Final Statement</label>
                                                            <div>
                                                                <select class="form-control" name="b_final_statement" id="b_final_statement" data-parsley-required-message="Please select final statement">
                                                                    <option value="">Select Final Statement</option>
                                                                    {% for b_final_statement in report_options.BargeFinalStatement %}
                                                                        <option value="{{b_final_statement.id}}" {% if survey_report_barge.b_final_statement|str_is_in:b_final_statement.id %} selected="selected" {% endif %}>
                                                                            {{b_final_statement.b_f_statement_optn|capfirst}}
                                                                        </option>
                                                                    {% endfor %}
                                                                </select>
                                                            </div>
                                                        </div>


                                                        <div class="form-group">
                                                            <label>Extra Notes</label>
                                                            <div>
                                                                <textarea class="form-control" id="b_gd_extra_note" name="b_gd_extra_note" rows="5" placeholder="Enter extra notes here and those will not be included in the report">{{survey_report_barge.b_gd_extra_note}}</textarea>
                                                            </div>
                                                        </div>

                                                        {% if admin == active_userrole %}
                                                            {% if survey_report_barge.file_name %}
                                                                <button class="btn btn-primary nextBtn pull-right" type="submit">Save &amp; Generate Report Document</button>
                                                            {% else %}
                                                                <button type="button" class="btn btn-primary waves-effect waves-light pull-right" data-toggle="modal" data-target="#custom-width-modal">Add File Name</button>
                                                            {% endif %}
                                                        {% else %}
                                                            <button class="btn btn-primary nextBtn pull-right" type="submit">Save &amp; Generate Report Document</button>
                                                        {% endif %}
                                                    </form>

                                                
                                                    {% if admin == active_userrole %}
                                                    {% if survey_report_barge.file_name %}
                                                    <!--<div class="btn btn-primary waves-effect waves-light" >File name is {{survey_report_barge.file_name}}</div>-->
                                                    {% endif %}
                                                    <!--{% if survey_report_barge.file_name == '' %}<button type="button" class="btn btn-primary waves-effect waves-light" data-toggle="modal" data-target="#custom-width-modal">Add File Name</button>{% endif %}-->
                                                    <div id="custom-width-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="custom-width-modalLabel" aria-hidden="true" style="display: none">
														<div class="modal-dialog" style="width:55%">
															<div class="modal-content">
																<div class="modal-header">
																	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
																	<h4 class="modal-title" id="custom-width-modalLabel">Add file name here</h4>
																</div>
                                                                <form class="addFileName" name="addFileName" id='addFileName' method="POST" action="" novalidate="" enctype="multipart/form-data">
																<div class="modal-body">
																	<input type="text" id="assign_vessel_id" name="assign_vessel_id" class="form-control hide" value='{{survey_report_barge.assigned_vessel.id}}'>
                                                                    <div class="form-group">
                                                                        <div>
                                                                            <input type="text" id="file_name" name="file_name" class="form-control" placeholder="Enter file name" value='{{survey_report_barge.file_name}}'>
                                                                        </div>
                                                                    </div>
                                                                
																</div>
																<div class="modal-footer">
																	<button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Close</button>
																	<button type="submit" class="btn btn-primary waves-effect waves-light" >Save changes</button>
																</div>
                                                                </form>
															</div>
														</div>
                                                    </div>{% endif %}
                                                     <!--Siddhartha-oct-2-2018-->

                                                    <!--{% if attending_surveyors == active_userrole %}
                                                        <button class='btn btn-primary' onclick='this.disabled=true;
                                                        this.value="Notifying...";
                                                        notifyAdmin("{{survey_report_barge.id}}","{{survey_report_barge.assigned_vessel.form_type}}");' 
                                                        {% if survey_report_barge.assigned_vessel.stage_completed.id >= 3 %} disabled {% endif %}>
                                                        {% if survey_report_barge.assigned_vessel.stage_completed.id >= 3 %} Admin Notified {% else %}
                                                        Notify Admin {% endif %}</button>
                                                     {% endif %}
                                                     {% if survey_report_barge.assigned_vessel.stage_completed.id >= 3 %}
                                                        <a class="common-anchor-info" href="javascript:void(0)" title="The report has been passed to {{survey_report_barge.assigned_vessel.user_a.get_full_name}}."><i class="mdi mdi-information"></i></a>
                                                     {% else %}
                                                        <a class="common-anchor-info" href="javascript:void(0)" title="Sends a message to admin that surveyor's work is complete and ready for editing and review."><i class="mdi mdi-information"></i></a>
                                                     {% endif %}-->

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 
            </div>
        </div>
        {% endblock %}