{% extends 'base.html' %}
{% load helper_tags %}
{% block content %}
<div class="content">
    <div class="">
        <div class="page-header-title">
        </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">
                        <h4 class="m-t-0 m-b-0 mgn-bt">Walkaround Report Edit</h4>
                        
                        {% 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="Walkaround Report" disabled>1</a>
                                        </div>
                                        <div class="stepwizard-step"> 
                                            <a href="#step-2" type="button" class="btn btn-default btn-circle" data-toggle="tooltip" data-placement="top" title="Walkaround Report" disabled>2</a>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="row">
                                       
                                        <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="walkaroundReportStep1" id='walkaroundReportStep1' method="POST" action="" novalidate="" enctype="multipart/form-data">{% csrf_token %}
                                                    <h4>General Description</h4>
                                                    <div class="row">
                                                        <!-- .row>.col-md-6*2>.form-group -->
                                                        <div class="col-md-12 survey_b_location_other_c">
                                                            <div class="form-group">
                                                                <label>Report Title</label>
                                                                <input type="text" id="report_title" name="report_title" class="form-control" required="" data-parsley-required-message="Please enter Title of the Walkaround report" placeholder="Please Enter Title of Report"  value='{{walkaround_report_details.title}}'>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 survey_b_location_other_c">
                                                            <div class="form-group">
                                                                <label>Survey Date</label>
                                                                <input type="text" id="survey_date" name="survey_date" class="form-control datepicker" required="" data-parsley-required-message="Please enter date of the Walkaround report" placeholder="Enter survey date" value="{{walkaround_report_details.survey_date |date:'SHORT_DATE_FORMAT'}}" >
                                                            </div>
                                                        </div>
                                                        

                                                        <div class="col-md-6 survey_b_location_other_c">
                                                            <div class="form-group">
                                                                <label>Barge Name</label> 
                                                                <input type="text" name="barge_name" id="barge_name" class="form-control datepicker" required="" data-parsley-required-message="Please enter Barge name of the Walkaround report" placeholder="Enter Barge Name" value="{{walkaround_report_details.barge_name}}" required>
                                                            </div>
                                                        </div>

                                                        {% comment %} created by moumita {% endcomment %}
                                                        <div class="col-sm-12 survey_b_location_other_c">
                                                            <div class="row">
                                                                <div class="col-md-6">
                                                                    <div class="form-group error">
                                                                        <label>Client</label>
                                                                        <div>
                                                                            <select class="form-control client" name="client" id="client" required="" data-parsley-required-message="Please Select Client of the Walkaround report" >
                                                                                <option value="">Select Client</option>
                                                                                    <option value="Robert Miller & Associates"{% if walkaround_report_details.client == "Robert Miller & Associates" %} selected="selected" {% endif %} >Robert Miller & Associates</option>
                                                                                    <option value="Ceres Consulting LLC"{% if walkaround_report_details.client == "Ceres Consulting LLC" %} selected="selected" {% endif %} >Ceres Consulting LLC</option>
                                                                                    <option value="ROI Logistics & Marine Services"{% if walkaround_report_details.client == "ROI Logistics & Marine Services" %} selected="selected" {% endif %}>ROI Logistics & Marine Services</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        {% comment %} end {% endcomment %}

                                                        <div class="col-sm-12 survey_b_location_other_c">
                                                            <label>Location of Survey</label>
                                                            <div class="row">
                                                                <div class='col-md-6'>
                                                                        <div class="form-group">
                                                                    <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.b_loc_optn|capfirst}}" {% if walkaround_report_details.survey_location == survey_b_location.b_loc_optn|capfirst %} selected="selected" {% endif %}>
                                                                                {{survey_b_location.b_loc_optn|capfirst}}
                                                                            </option>
                                                                        {% endfor %}
                                                                    </select>
                                                                    </div>
                                                                </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='{{walkaround_report_details.survey_location_others}}'>
                                                                </div>
                                                            </div>
                                                        </div>

                                                         <input type="hidden" class="survey_location-check" name="survey_location_check" value="{{walkaround_report_details.survey_location}}">

                                                        <div class="col-sm-12">
                                                            <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.b_type_optn|capfirst}}" {% if walkaround_report_details.barge_type|str_is_in:barge_type.b_type_optn %} selected="selected" {% endif %}>
                                                                                {{barge_type.b_type_optn|capfirst}}
                                                                            </option>
                                                                        {% endfor %}
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-12 survey_b_location_other_c">
                                                            <div class="form-group">
                                                                <label>Number of Cargo Covers</label>
                                                                <input type="text" id="cargo_covers_num" name="cargo_covers_num" class="form-control" placeholder="Enter cargo covers number" value='{{walkaround_report_details.cargo_covers}}'>
                                                            </div>
                                                        </div>

                                                        <div class='col-sm-12 survey_b_location_other_c'>
                                                            <div class="form-group">
                                                            <label>Select Cargo Cover Type</label>
                                                            <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 Cover Type</option>
                                                                {% for cargo_covers_type in report_options.BCargoCovers %}
                                                                    <option value="{{cargo_covers_type.id}}" {% if walkaround_report_details.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 class="col-sm-12 survey_b_location_other_c">
                                                                <div class="row">
                                                                    <div class="col-md-6">
                                                                        <div class="form-group">
                                                                            <label>Number of Wing Compartments</label>
                                                                            <div>
                                                                                <select class="form-control number_of_wing_compartments" name="number_of_wing_compartments" id="number_of_wing_compartments" data-parsley-required-message="Please select the cargo covers type">
                                                                                    <option value="">Number of Wing Compartments</option>
                                                                                        <option value="Four Port and Starboard" {% if walkaround_report_details.wing_compartments == 'Four Port and Starboard' %} selected="selected" {% endif %}>Four Port and Starboard</option>
                                                                                        <option value="Five Port and Starboard" {% if walkaround_report_details.wing_compartments  == 'Five Port and Starboard' %} selected="selected" {% endif %}>Five Port and Starboard</option>
                                                                                        <option value="Six Port and Starboard" {% if walkaround_report_details.wing_compartments  == 'Six Port and Starboard' %} selected="selected" {% endif %}>Six Port and Starboard</option>
                                                                                        <option value="Seven Port and Starboard" {% if walkaround_report_details.wing_compartments  == 'Seven Port and Starboard' %} selected="selected" {% endif %} >Seven Port and Starboard</option>
                                                                                        <option value="Other (add text)" {% if walkaround_report_details.wing_compartments  == 'Other (add text)' %} selected="selected" {% endif %} >Other (add text)</option>
                                                                                </select>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-6">
                                                                        <div class="form-group add-text-number-of-wing-compartments" style="display:none">
                                                                            <label>Number of Wing Compartments</label>
                                                                            <input type="text" name="number_of_wing_compartments_others" class="form-control datepicker" required=""  placeholder="Enter Number of Wing Compartments" value="{{walkaround_report_details.wing_compartments_others}}">
                                                                                
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                
                                                            </div>

                                                            <input type="hidden" class="wing-compartments-check" name="wing_compartments_check" value="{{walkaround_report_details.wing_compartments}}">

                                                            <div class="col-md-12 survey_b_location_other_c">
                                                                <div class="row">
                                                                    <div class="col-md-6">
                                                                        <div class="form-group">
                                                                            <label>Void Compartments</label>
                                                                            <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>
                                                                                <option value="Box Bow and Box Stern" {% if walkaround_report_details.void_compartments == "Box Bow and Box Stern" %} selected="selected" {% endif %} >Box Bow and Box Stern</option>
                                                                                <option value="Rake Bow and Box Stern" {% if walkaround_report_details.void_compartments == "Rake Bow and Box Stern" %} selected="selected" {% endif %} >Rake Bow and Box Stern</option>
                                                                            </select>   
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-12">
                                                                <div class="form-group">
                                                                    <label>Dimensions</label>
                                                                    <div class="row">
                                                                        <div class='col-sm-4 col-xs-12'>
                                                                            <input type="text" id="barg_dimentions_length" name="barg_dimentions_length" class="form-control" placeholder="Enter barge length here" value='{{walkaround_report_details.dimentions_length}}'>
                                                                        </div>
                                                                        <div class='col-sm-4 col-xs-12'>
                                                                            <input type="text" id="barg_dimentions_width" name="barg_dimentions_width" class="form-control" placeholder="Enter barge width here" value='{{walkaround_report_details.dimentions_width}}'>
                                                                        </div>
                                                                        <div class='col-sm-4 col-xs-12'>
                                                                            <input type="text" id="barg_dimentions_height" name="barg_dimentions_height" class="form-control" placeholder="Enter barge depth here" value='{{walkaround_report_details.dimentions_height}}'>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-12 survey_b_location_other_c">
                                                                <div class="row">
                                                                    <div class="col-md-6">
                                                                        <div class="form-group">
                                                                            <label>Coaming Height</label>
                                                                            <div>
                                                                                <select class="form-control coaming_height" name="coaming_height" id="coaming_height" >
                                                                                    <option value="">Select Coaming Height</option>
                                                                                        <option value="4'" {% if walkaround_report_details.coaming_height == "4'" %} selected="selected" {% endif %}>4’</option>
                                                                                        <option value="5'" {% if walkaround_report_details.coaming_height == "5'" %} selected="selected" {% endif %}>5’</option>
                                                                                        <option value="Other (add text)" {% if walkaround_report_details.coaming_height  == 'Other (add text)' %} selected="selected" {% endif %}>Other (add text)</option>
                                                                                </select>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-6 survey_b_location_other_c">
                                                                        <div class="form-group coaming-height-text">
                                                                            <label>Coaming Height</label>  
                                                                            <input type="text" id="coaming_height_text" name="coaming_height_text" class="form-control" placeholder="Enter barge Cover Condition" required="" data-parsley-required-message="Please enter Coaming Height of the Walkaround report" value="{{walkaround_report_details.coaming_height_others}}">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <input type="hidden" class="coaming-height-others-check" name="walkaround_report_details_coaming_height_others" value="{{walkaround_report_details.coaming_height}}">
                                                            

                                                               
                                                                {% comment %} created by moumita {% endcomment %}
                                                                <div class="col-sm-12 survey_b_location_other_c">
                                                                    <div class="row">
                                                                        <div class="col-md-6">
                                                                            <div class="form-group">
                                                                                <label>Cover Condition</label>
                                                                                    <div>
                                                                                        <select class="form-control" name="barge_covers_cat_other" id="barge_covers_cat_other" >
                                                                                            <option value="">Select Cover Condition</option>
                                                                                            <option value="Category 1" {% if walkaround_report_details.cover_condition == "Category 1" %} selected="selected" {% endif %} >Category 1</option>
                                                                                            <option value="Category 2" {% if walkaround_report_details.cover_condition == "Category 2" %} selected="selected" {% endif %} >Category 2</option>
                                                                                            <option value="Category 3" {% if walkaround_report_details.cover_condition == "Category 3" %} selected="selected" {% endif %} >Category 3</option>
                                                                                    
                                                                                    
                                                                                        </select>
                                                                                    </div>
                                                                            </div>
                                                                        </div>
                                                                
                                                                    </div>
                                                                </div>
                                                                {% comment %} end {% endcomment %}

                                                                <div class="col-md-12 survey_b_location_other_c">
                                                                    <button class="btn btn-primary nextWbtn2 pull-right" type="submit">Save &amp; Next</button>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>



                                                <div class='panel panel-primary setup-content' id='step-2'>
                                                
                                                    <form class='' name='walkaroundReportStep2' id='walkaroundReportStep2' method='POST' action='' novalidate='' enctype='multipart/form-data'>
                                                        {% csrf_token %}
                                                        
                                                        <div class="row-add-list common-card-box-shadow">
                                                            <div class="row-add">
                                                                {% comment %} <div class='col-md-12'>
                                                                    <div class="form-group first-step">
                                                                        <label>Bow Compartment</label>
                                                                    </div>
                                                                </div> {% endcomment %}

                                                                <div class="row">
                                                                    <div class="col-md-12">
                                                                        <div class="form-group first-step">
                                                                            <label>Bow Compartment</label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                    
                                                                <!--<div class='col-md-12'>
                                                                    <div class="form-group">
                                                                        <label>Previous Findings</label>
                                                                        <div>
                                                                            <input type="text" name="bc_previous_findings" id="bc_previous_findings" class="form-control" placeholder="Enter Previous Findings" value="{{ walkaround_report_details.bc_previous_findings }}" >
                                                                        </div>
                                                                    </div>
                                                                </div>-->
                                                                {% comment %} moumita {% endcomment %}
                                                                <div class="bow-compartment-hide1 control-group1 row after-add-more-bow-comp" >    
                                                                    <div class='col-md-12'>
                                                                        <div class="form-group add-plus">
                                                                            <div class="plus">
                                                                                <a href="javascript:void(0)" class="add-more-bow-comp1">
                                                                                <i class="ion-plus-circled"></i>
                                                                                </a>
                                                                            </div>
                                                                            <label>Previous Findings</label>            
                                                                            <div>
                                                                            <input type="text" name="bc_previous_findings" id="bc_previous_findings" class="form-control bc_previous_findings" placeholder="Please Enter Previous Findings" value="{{ bowcompartment.b_previous_findings }}">
                                                                            
                                                                            </div>
                                                                        
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!-- Bow Compartment Previous Finding start  -->

                                                                {% for bowcompartment in walkaround_report_details.bow_compartment_previous.all %}
                                                                    <div class="common-minus-hide1 control-group-walk1 control-group1 row after-add-more-bow-comp1 previous-pos">
                                                                        <div class='col-md-12'>
                                                                            <div class="form-group">
                                                                            
                                                                                <label>Previous Findings</label>
                                                                                <div>
                                                                                <input type="text" name="bc_previous_findings" id="bc_previous_findings" class="form-control bc_previous_findings bc-previous-findings-check" placeholder="Please Enter Previous Findings" value="{{ bowcompartment.b_previous_findings }}">
                                                                                </div>
                                                                            </div>
                                                                        </div>   
                                                                        <div class="all-addon">
                                                                            <div class="plus">
                                                                                <a href="javascript:void(0)" class="add-more-bow-comp1">
                                                                                <i class="ion-plus-circled"></i>
                                                                                </a>
                                                                            </div>
                                                                            <div class="minus">
                                                                                <a href="javascript:void(0)" class="remove-remove-bow-comp-walk1">
                                                                                <i class="ion-android-trash"></i>
                                                                                </a>
                                                                            </div>
                                                                        </div>                  
                                                                    
                                                                        </div>
                                                                    <!-- </div> -->
                                                                    
                                                                {%  endfor  %}

                                                                <!-- End  -->

                                                                <div class="bow-compartment-hide control-group row after-add-more-bow-comp">
                                                                    <div class='col-md-6'>
                                                                        <div class="form-group">
                                                                            <label>New Findings</label>
                                                                            <div>
                                                                                <input type="text" name="bc_new_findings" id="bc_new_findings" class="form-control bc_new_findings" placeholder="Enter New Findings" value="{{bowcompartment.b_new_findings}}" >
                                                                            </div>
                                                                        </div>
                                                                    </div>
    
                                                                    <div class='col-md-6'>
                                                                        <div class="form-group add-plus">
                                                                                <div class="plus">
                                                                                    <a href="javascript:void(0)" class="add-more-bow-comp">
                                                                                        <i class="ion-plus-circled"></i>
                                                                                    </a>
                                                                                </div>
                                                                            <label>Recommendation</label>
                                                                            <div>
                                                                                <input type="text" name="bc_recommendation" id="bc_recommendation" class="form-control bc_recommendation" placeholder="Enter Recommendation" value="{{bowcompartment.b_recommendation}}" >
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                

                                                                <!--Bow Compartment start -->
                                                                {% for bowcompartment in walkaround_report_details.bow_compartment.all %}
                                                                <div class="common-minus-hide5 control-group-walk control-group row after-add-more-bow-comp">
                                                                    <div class='col-md-6 '>
                                                                        <div class="form-group">
                                                                            <label>New Findings</label>
                                                                            <div>
                                                                                <input type="text" name="bc_new_findings" id="bc_new_findings" class="form-control bc_new_findings bc-new-findings-check" placeholder="Enter New Findings" value="{{bowcompartment.b_new_findings}}" >
                                                                            </div>
                                                                        </div>
                                                                    </div>
    
                                                                    <div class='col-md-6'>
                                                                        <div class="form-group">
                                                                            <div class="all-addon-edit">
                                                                                <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-remove-bow-comp-walk">
                                                                                        <i class="ion-android-trash"></i>
                                                                                    </a>
                                                                                </div>
                                                                            </div>
                                                                            <label>Recommendation</label>
                                                                            <div>
                                                                                <input type="text" name="bc_recommendation" id="bc_recommendation" class="form-control bc_recommendation" placeholder="Enter Recommendation" value="{{bowcompartment.b_recommendation}}" >
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                
                                                                {%  endfor %}
                                                                <!--Bow Compartment end -->
                                                                
                                                                 <div class="col-md-12">
                                                                    <div class="row">
                                                                        <div class="col-md-6">
                                                                        <div class="form-group">
                                                                                <label>Select Water Statement</label>
                                                                                <div>
                                                                                    <select class="form-control" name="bc_water_statement_select" id="bc_water_statement_select" >
                                                                                        <option value=""> Select Water Statement</option>
                                                                                        <option value="The compartment was dry." {% if walkaround_report_details.bc_water_statement == 'The compartment was dry.'  %} selected="selected" {% endif %} >The compartment was dry. </option>
                                                                                        <option value="The compartment contained a maximum 3” of water." {% if walkaround_report_details.bc_water_statement == 'The compartment contained a maximum 3” of water.'  %} selected="selected" {% endif %} >The compartment contained a maximum 3” of water.</option>
                                                                                        <option value="Other (add text)" {% if walkaround_report_details.bc_water_statement == 'Other (add text)'  %} selected="selected" {% endif %} >Other (add text)</option>
                                                                                    </select>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-6 bc_water_statement_select_other" style="display:none">
                                                                            <div class="form-group">
                                                                                <label>Water Statement</label>
                                                                                <div>
                                                                                    <input type="text" name="bc_water_statement_select_other" id="bc_water_statement_select_other" class="form-control" placeholder="Enter Water Statement" value="{{walkaround_report_details.bc_water_statement_other}}" >
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div> 

                                                                <input type="hidden" class="form-control bc-water-statement-select-other-check" placeholder="Enter Water Statement" value="{{walkaround_report_details.bc_water_statement}}">
                                                                
                                                                <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='bc_rcpcc_check' id="bc_rcpcc_check" name='bc_rcpcc_check' {% if  walkaround_report_details.bc_check_compartment == 'true' %} 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. 
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            
                                                            <!--  Bow compartment previous field for edit when plus button will click  -->
                                                            {% comment %} moumita {% endcomment %}
                                                            <div class="copy-fields-bow-comp1 hide">
                                                                <div class="row-add row control-group1 finding-box previous-pos">
                                                                    
                                                                    <div class='col-md-12'>
                                                                        <div class="form-group">
                                                                            
                                                                            <label>Previous Findings</label>
                                                                            <div>
                                                                                <input type="text" name="bc_previous_findings" id="bc_previous_findings" class="form-control bc_previous_findings" placeholder="Please Enter Previous Findings" >
                                                                            </div>
                                                                        </div>
                                                                    </div>   
                                                                    <div class="all-addon">
                                                                        <div class="plus">
                                                                            <a href="javascript:void(0)" class="add-more-bow-comp1">
                                                                                <i class="ion-plus-circled"></i>
                                                                            </a>
                                                                        </div>
                                                                        <div class="minus">
                                                                            <a href="javascript:void(0)" class="remove-bow-comp1">
                                                                                <i class="ion-android-trash"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>                  
                                                                    
                                                                </div>
                                                            </div>
                                                            <!--  end  -->
                                                            {% comment %} start remove {% endcomment %}
                                                            <div class="copy-fields-bow-comp hide">
                                                                <div class="row-add row control-group finding-box">

                                                                    <div class='col-md-6'>
                                                                        <div class="form-group">
                                                                            <label>New Findings</label>
                                                                            <div>
                                                                                <input type="text" name="bc_new_findings" id="bc_new_findings" class="form-control bc_new_findings" placeholder="Enter New Findings" >
                                                                            </div>
                                                                        </div>
                                                                    </div>
    
                                                                    <div class='col-md-6'>
                                                                        <div class="form-group">
                                                                            <label>Recommendation</label>
                                                                            <div>
                                                                                <input type="text" name="bc_recommendation" id="bc_recommendation" class="form-control bc_recommendation" placeholder="Enter Recommendation" >
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    
                                                                    <div class="all-addon">
                                                                        <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-android-trash"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            {% comment %} end remove {% endcomment %}
                                                        
                                                        </div>


                                                        
                                                        <div class="row-add-list common-card-box-shadow">

                                                            <div class="row-add">
                                                                    <!-- <div class="col-md-12">
                                                                        <div class="form-group first-step">
                                                                            <label>Starboard Side</label>
                                                                        </div>
                                                                    </div> -->

                                                                    <div class="row">
                                                                        <div class="col-md-12">
                                                                            <div class="form-group first-step">
                                                                                <label>Starboard Side</label>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <!--<div class='col-md-12'>
                                                                        <div class="form-group">
                                                                            <label>Previous Findings</label>
                                                                            <div>
                                                                                <input type="text" name="ss_previous_findings" id="ss_previous_findings" class="form-control" placeholder="Enter Previous Findings" value="{{walkaround_report_details.ss_previous_findings}}" >
                                                                            </div>
                                                                        </div>
                                                                    </div>-->
                                                                    {% comment %} by moumita {% endcomment %}
                                                                    <div class="bc-new-starboard-check1 control-group2 row after-add-more-star-side1" >    
                                                                        <div class='col-md-12'>
                                                                            <div class="form-group add-plus">
                                                                                <div class="plus">
                                                                                    <a href="javascript:void(0)" class="add-more-star-side1">
                                                                                        <i class="ion-plus-circled"></i>
                                                                                    </a>
                                                                                </div>
                                                                                <label>Previous Findings</label>            
                                                                                <div>
                                                                            <input type="text" name="ss_previous_findings" id="ss_previous_findings" class="form-control ss_previous_findings" placeholder="Please Enter Previous Findings" >
                                                                            
                                                                                </div>
                                                                        
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    {% for starboardside in walkaround_report_details.starboard_side_previous.all %}

                                                                        <div class="common-minus-hide2 control-group-starboard-walk1 row control-group2 after-add-more-star-side1 previous-pos">
                                                                            <div class='col-md-12'>
                                                                                <div class="form-group">
                                                                            
                                                                                    <label>Previous Findings</label>
                                                                                    <div>
                                                                                    <input type="text" name="ss_previous_findings" id="ss_previous_findings" class="form-control ss_previous_findings ss_previous_findings-check" placeholder="Please Enter Previous Findings" value="{{ starboardside.ss_previous_findings }}">
                                                                                    </div>
                                                                                </div>
                                                                            </div>   
                                                                            <div class="all-addon">
                                                                                <div class="plus">
                                                                                    <a href="javascript:void(0)" class="add-more-star-side1">
                                                                                        <i class="ion-plus-circled"></i>
                                                                                    </a>
                                                                                </div>
                                                                                <div class="minus">
                                                                                    <a href="javascript:void(0)" class="remove-remove-bow-comp-starboard-walk1">
                                                                                        <i class="ion-android-trash"></i>
                                                                                    </a>
                                                                                </div>
                                                                            </div>                  
                                                                    
                                                                        </div>
                                                            

                                                                    {% endfor %}

                                                                    <div class="bc-new-starboard-check row control-group after-add-more-star-side">
                                                                        <div class='col-md-6'>
                                                                            <div class="form-group">
                                                                                <label>New Findings</label>
                                                                                <div>
                                                                                    <input type="text" name="ss_new_findings"  id="ss_new_findings" class="form-control ss_new_findings" placeholder="Enter New Findings" value={{starboardside.ss_new_findings}}>
                                                                                </div>
                                                                            </div>
                                                                        </div>
            
                                                                        <div class='col-md-6'>
                                                                            <div class="form-group add-plus">
                                                                                    <div class="plus">
                                                                                        <a href="javascript:void(0)" class="add-more-star-side">
                                                                                            <i class="ion-plus-circled"></i>
                                                                                        </a>
                                                                                    </div>
                                                                                <label>Recommendation</label>
                                                                                <div>
                                                                                    <input type="text" name="ss_recommendation" id="ss_recommendation" class="form-control ss_recommendation" placeholder="Enter Recommendation" value={{starboardside.ss_recommendation}}>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    {% comment %} end {% endcomment %}

                                                                    <!-- Starboard Side start -->
                                                                    {% for starboardside in walkaround_report_details.starboard_side.all %}
                                                                    <div class="common-minus-hide6 control-group-starboard-walk row control-group after-add-more-star-side">
                                                                        <div class='col-md-6'>
                                                                            <div class="form-group">
                                                                                <label>New Findings</label>
                                                                                <div>
                                                                                    <input type="text" name="ss_new_findings"  id="ss_new_findings" class="form-control ss_new_findings ss_new_findings-check" placeholder="Enter New Findings" value="{{starboardside.ss_new_findings}}">
                                                                                </div>
                                                                            </div>
                                                                        </div>
            
                                                                        <div class='col-md-6'>
                                                                            <div class="form-group">
                                                                                <div class="all-addon-edit">
                                                                                    <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-remove-bow-comp-starboard-walk">
                                                                                            <i class="ion-android-trash"></i>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                                <label>Recommendation</label>
                                                                                <div>
                                                                                    <input type="text" name="ss_recommendation" id="ss_recommendation" class="form-control ss_recommendation" placeholder="Enter Recommendation" value="{{starboardside.ss_recommendation}}">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    
                                                                    {% endfor %}
                                                                     <!-- Starboard Side end -->

                                                                
                                                                    <div class="col-md-12">
                                                                        <div class="row">
                                                                            <div class="col-md-6" >
                                                                                <div class="form-group">
                                                                                    <label>Select Water Statement</label>
                                                                                    <div>
                                                                                        <select class="form-control ss_water_statement_select" name="ss_water_statement_select" id="ss_water_statement_select" data-parsley-required-message="Please select compartment">
                                                                                            <option value=""> Select Water Statement</option>
                                                                                            <option value="The compartments were dry." {% if walkaround_report_details.ss_water_statement == 'The compartments were dry.'  %} selected="selected" {% endif %} >The compartments were dry. </option>
                                                                                            <option value="The compartments contained a maximum 3” of water." {% if walkaround_report_details.ss_water_statement == 'The compartments contained a maximum 3” of water.'  %} selected="selected" {% endif %} >The compartments contained a maximum 3” of water.</option>
                                                                                            <option value="Other (add text)" {% if walkaround_report_details.ss_water_statement == 'Other (add text)'  %} selected="selected" {% endif %} >Other (add text)</option>
                                                                                        </select>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class='col-md-6 ss_water_statement_other' style="display:none">
                                                                                <div class="form-group">
                                                                                    <label>Water Statement</label>
                                                                                    <div>
                                                                                        <input type="text" name="ss_water_statement_other" id="ss_water_statement_other" class="form-control ss_water_statement_other" placeholder="Please Enter Water Statement" value="{{walkaround_report_details.ss_water_statement_other}}" >
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <input type="hidden" class="form-control bc-water-starboard-select-other-check" placeholder="Enter Water Statement" value="{{walkaround_report_details.ss_water_statement}}">
                                                            

                                                                <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='ss_rcpccc_check' id="ss_rcpccc_check" name='ss_rcpccc_check' {% if  walkaround_report_details.ss_check_compartment == 'true' %} 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.
                                                                        </div>
                                                                    </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='ss_rccmw_check' id="ss_rccmw_check" name='ss_rccmw_check' {% if  walkaround_report_details.ss_remaining_compartments == 'true' %} checked {% endif %}  >
                                                                                <label></label>
                                                                            </div>
                                                                        </div>
                                                                    </div>
    
                                                                    <div class='col-md-11 my_check_c right'>
                                                                        <div class="form-group">
                                                                            <div class="lbl-text">
                                                                                    The remaining compartments contained a maximum 3” of water.
                                                                            </div>
                                                                        </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='ss_rcwd_check' id="ss_rcwd_check" name='ss_rcwd_check' {% if  walkaround_report_details.ss_remaining_compartments_were_dry == 'true' %} checked {% endif %}  >
                                                                                <label></label>
                                                                            </div>
                                                                        </div>
                                                                    </div>
    
                                                                    <div class='col-md-11 my_check_c right'>
                                                                        <div class="form-group">
                                                                            <div class="lbl-text">
                                                                                    The remaining compartments were dry.
                                                                            </div>
                                                                        </div>
                                                                    </div>
    
                                                                </div>

                                                                
                                                            </div>
                                                            <!-- Starboard side open when click on the plus sign in edit form-->
                                                            {% comment %} by moumita {% endcomment %}
                                                            <div class="copy-fields-star-side1 hide">
                                                                <div class="row-add row control-group2 finding-box previous-pos">
                                                                    
                                                                    <div class='col-md-12'>
                                                                        <div class="form-group">
                                                                            
                                                                            <label>Previous Findings</label>
                                                                            <div>
                                                                                <input type="text" name="ss_previous_findings" id="ss_previous_findings" class="form-control ss_previous_findings" placeholder="Please Enter Previous Findings" >
                                                                            </div>
                                                                        </div>
                                                                    </div>   
                                                                    <div class="all-addon">
                                                                        <div class="plus">
                                                                            <a href="javascript:void(0)" class="add-more-star-side1">
                                                                                <i class="ion-plus-circled"></i>
                                                                            </a>
                                                                        </div>
                                                                        <div class="minus">
                                                                            <a href="javascript:void(0)" class="remove-star-side1">
                                                                                <i class="ion-android-trash"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>                  
                                                                    
                                                                </div>
                                                            </div> 


                                                                <!--  end  -->

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

                                                                    <div class='col-md-6'>
                                                                        <div class="form-group">
                                                                            <label>New Findings</label>
                                                                            <div>
                                                                                <input type="text" name="ss_new_findings"  id="ss_new_findings" class="form-control ss_new_findings" placeholder="Enter New Findings" >
                                                                            </div>
                                                                        </div>
                                                                    </div>
        
                                                                    <div class='col-md-6'>
                                                                        <div class="form-group add-plus">
                                                                            <label>Recommendation</label>
                                                                            <div>
                                                                                <input type="text" name="ss_recommendation" id="ss_recommendation" class="form-control ss_recommendation" placeholder="Enter Recommendation" >
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <div class="all-addon">
                                                                        <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-android-trash"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            {% comment %} end remove {% endcomment %}

                                                        </div>


                                                        
                                                        <div class="row-add-list common-card-box-shadow">

                                                            <div class="row-add ">
                                                                    
                                                                    <!-- <div class="col-md-12">
                                                                        <div class="form-group first-step">
                                                                            <label>Stern Compartment</label>
                                                                        </div>
                                                                    </div> -->
                                                                
                                                                    <div class="row">
                                                                        <div class="col-md-12">
                                                                            <div class="form-group first-step">
                                                                                <label>Stern Compartment</label>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    

                                                                    <!--<div class='col-md-12'>
                                                                        <div class="form-group">
                                                                            <label>Previous Findings</label>
                                                                            <div>
                                                                                <input type="text" name="sc_previous_findings" id="sc_previous_findings" class="form-control sc_previous_findings" placeholder="Enter Previous Findings" value="{{walkaround_report_details.sce_previous_findings}}"  >
                                                                            </div>
                                                                        </div>
                                                                    </div>-->
                                                                    {% comment %} by moumita {% endcomment %}
                                                                    <div class="bc-new-stern-check1 control-group3 row after-add-more-stern-comp1" >    
                                                                        <div class='col-md-12'>
                                                                            <div class="form-group add-plus">
                                                                                <div class="plus">
                                                                                    <a href="javascript:void(0)" class="add-more-stern-comp1">
                                                                                        <i class="ion-plus-circled"></i>
                                                                                    </a>
                                                                                </div>
                                                                                <label>Previous Findings</label>            
                                                                                <div>
                                                                                    <input type="text" name="sc_previous_findings" id="sc_previous_findings" class="form-control sc_previous_findings" placeholder="Please Enter Previous Findings">
                                                                            
                                                                                </div>
                                                                        
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    {% for sterncompartment in walkaround_report_details.stern_compartment_previous.all %}
                                                                        <div class="common-minus-hide3 control-group--stern-walk1 row control-group3 after-add-more-stern-side1 previous-pos">
                                                                            <div class='col-md-12'>
                                                                                <div class="form-group">
                                                                            
                                                                                    <label>Previous Findings</label>
                                                                                    <div>
                                                                                    <input type="text" name="sc_previous_findings" id="sc_previous_findings" class="form-control sc_previous_findings sc-previous-findings-check" placeholder="Please Enter Previous Findings" value="{{ sterncompartment.sce_previous_findings }}">
                                                                                    </div>
                                                                                </div>
                                                                            </div>   
                                                                                <div class="all-addon">
                                                                                    <div class="plus">
                                                                                        <a href="javascript:void(0)" class="add-more-stern-comp1">
                                                                                            <i class="ion-plus-circled"></i>
                                                                                        </a>
                                                                                    </div>
                                                                                    <div class="minus">
                                                                                        <a href="javascript:void(0)" class="remove-remove-bow-comp-stern-walk1">
                                                                                            <i class="ion-android-trash"></i>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>                  
                                                                    
                                                                        </div>
                                                            
                                                                    {%  endfor  %}

                                                                    {% comment %} end {% endcomment %}

                                                                    <div class="bc-new-stern-check row control-group after-add-more-stern-comp">
                                                                        <div class='col-md-6'>
                                                                            <div class="form-group">
                                                                                <label>New Findings</label>
                                                                                <div>
                                                                                    <input type="text" name="sc_new_findings" id="sc_new_findings" class="form-control sc_new_findings" placeholder="Enter New Findings" value="{{sterncompartment.sce_new_findings}}">
                                                                                </div>
                                                                            </div>
                                                                        </div>
        
                                                                        <div class='col-md-6'>
                                                                            <div class="form-group add-plus">
                                                                                    <div class="plus">
                                                                                            <a href="javascript:void(0)" class="add-more-stern-comp">
                                                                                                <i class="ion-plus-circled"></i>
                                                                                            </a>
                                                                                        </div>
                                                                                <label>Recommendation</label>
                                                                                <div>
                                                                                    <input type="text" name="sc_recommendation" id="sc_recommendation" class="form-control sc_recommendation" placeholder="Enter Recommendation" value="{{sterncompartment.sce_recommendation}}">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>


                                                                    <!-- Stern Compartment start -->
                                                                    {% for sterncompartment in walkaround_report_details.stern_compartment.all %}
                                                                    <div class="common-minus-hide7 control-group--stern-walk row control-group after-add-more-stern-comp">
                                                                        <div class='col-md-6'>
                                                                            <div class="form-group">
                                                                                <label>New Findings</label>
                                                                                <div>
                                                                                    <input type="text" name="sc_new_findings" id="sc_new_findings" class="form-control sc_new_findings sc-new-findings-check" placeholder="Enter New Findings" value="{{sterncompartment.sce_new_findings}}">
                                                                                </div>
                                                                            </div>
                                                                        </div>
        
                                                                        <div class='col-md-6'>
                                                                            <div class="form-group">
                                                                                <div class="all-addon-edit">
                                                                                    <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-remove-bow-comp-stern-walk">
                                                                                            <i class="ion-android-trash"></i>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                                <label>Recommendation</label>
                                                                                <div>
                                                                                    <input type="text" name="sc_recommendation" id="sc_recommendation" class="form-control sc_recommendation" placeholder="Enter Recommendation" value="{{sterncompartment.sce_recommendation}}">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    
                                                                    {% endfor %}
                                                                    <!-- Stern Compartment end -->

                                                                
                                                                    <div class="col-md-12">
                                                                        <div class="row">
                                                                            <div class="col-md-6">
                                                                                <div class="form-group">
                                                                                    <label>Select Water Statement</label>
                                                                                    <div>
                                                                                        <select class="form-control sc_water_statement_select" name="sc_water_statement_select" id="sc_water_statement_select" data-parsley-required-message="Please select compartment">
                                                                                            <option value=""> Select Water Statement</option>
                                                                                            <option value="The compartment was dry." {% if walkaround_report_details.sce_water_statement == 'The compartment was dry.'  %} selected="selected" {% endif %} >The compartment was dry. </option>
                                                                                            <option value="The compartment contained a maximum 3” of water." {% if walkaround_report_details.sce_water_statement == 'The compartment contained a maximum 3” of water.'  %} selected="selected" {% endif %} >The compartment contained a maximum 3” of water.</option>
                                                                                            <option value="Other (add text)" {% if walkaround_report_details.sce_water_statement == 'Other (add text)'  %} selected="selected" {% endif %} >Other (add text)</option>
                                                                                        </select>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class='col-md-6 sc_water_statement_other' style="display:none">
                                                                                <div class="form-group">
                                                                                    <label>Water Statement</label>
                                                                                    <div>
                                                                                        <input type="text" name="sc_water_statement_other" id="sc_water_statement_other" class="form-control sc_water_statement_other" placeholder="Please Enter Water Statement" value="{{walkaround_report_details.sce_water_statement_other}}" >
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <input type="hidden" class="form-control bc-water-stern-select-other-check" placeholder="Enter Water Statement" value="{{walkaround_report_details.sce_water_statement}}">

                                                                <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='sc_rcpcc_check' id="sc_rcpcc_check" name='sc_rcpcc_check'  {% if  walkaround_report_details.sce_check_compartment == 'true' %} 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.
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                            <!-- This will open when the plus sign clicked on edit form -->
                                                            {% comment %} by moumita {% endcomment %}
                                                            <div class="copy-fields-stern-comp1 hide">
                                                                <div class="row-add row control-group3 finding-box previous-pos">
                                                                    
                                                                    <div class='col-md-12'>
                                                                        <div class="form-group">
                                                                            
                                                                            <label>Previous Findings</label>
                                                                            <div>
                                                                                <input type="text" name="sc_previous_findings" id="sc_previous_findings" class="form-control sc_previous_findings" placeholder="Please Enter Previous Findings" >
                                                                            </div>
                                                                        </div>
                                                                    </div>   
                                                                    <div class="all-addon">
                                                                        <div class="plus">
                                                                            <a href="javascript:void(0)" class="add-more-stern-comp1">
                                                                                <i class="ion-plus-circled"></i>
                                                                            </a>
                                                                        </div>
                                                                        <div class="minus">
                                                                            <a href="javascript:void(0)" class="remove-stern-comp1">
                                                                                <i class="ion-android-trash"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>                  
                                                                    
                                                                </div>
                                                            </div>
                                                            <!-- end -->
                                                            

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


                                                                    <div class='col-md-6'>
                                                                        <div class="form-group">
                                                                            <label>New Findings</label>
                                                                            <div>
                                                                                <input type="text" name="sc_new_findings" id="sc_new_findings" class="form-control sc_new_findings" placeholder="Enter New Findings" >
                                                                            </div>
                                                                        </div>
                                                                    </div>
    
                                                                    <div class='col-md-6'>
                                                                        <div class="form-group">
                                                                            <label>Recommendation</label>
                                                                            <div>
                                                                                <input type="text" name="sc_recommendation" id="sc_recommendation" class="form-control sc_recommendation" placeholder="Enter Recommendation" >
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <div class="all-addon">
                                                                        <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-android-trash"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            {% comment %} end remove {% endcomment %}
                                                            
                                                        </div>


                                                        
                                                        <div class="row-add-list common-card-box-shadow">

                                                            <div class="row-add ">
                                                                <!-- <div class="col-md-12">
                                                                    <div class="form-group first-step">
                                                                            <label>Port Side</label>
                                                                    </div>
                                                                </div> -->

                                                                <div class="row">
                                                                    <div class="col-md-12">
                                                                        <div class="form-group first-step">
                                                                                <label>Port Side</label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                    

                                                                <!--<div class='col-md-12'>
                                                                    <div class="form-group">
                                                                        <label>Previous Findings</label>
                                                                        <div>
                                                                            <input type="text" name="ps_previous_findings"  id="ps_previous_findings" class="form-control ps_previous_findings" placeholder="Enter Previous Findings" value="{{ walkaround_report_details.ps_previous_findings }}">
                                                                        </div>
                                                                    </div>
                                                                </div>-->
                                                                {% comment %} by moumita {% endcomment %}
                                                                <div class="bc-new-port-check1 control-group4 row after-add-more-port-side1" >    
                                                                    <div class='col-md-12'>
                                                                        <div class="form-group add-plus">
                                                                            <div class="plus">
                                                                                <a href="javascript:void(0)" class="add-more-port-side1">
                                                                                    <i class="ion-plus-circled"></i>
                                                                                </a>
                                                                            </div>
                                                                            <label>Previous Findings</label>            
                                                                            <div>
                                                                                <input type="text" name="ps_previous_findings" id="ps_previous_findings" class="form-control ps_previous_findings" placeholder="Please Enter Previous Findings">
                                                                            
                                                                            </div>
                                                                        
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                {% for portside in walkaround_report_details.port_side_previous.all %}
                                                                    <div class="common-minus-hide4 control-group-port-walk1 row control-group4 after-add-more-port-side1 previous-pos">
                                                                        <div class='col-md-12'>
                                                                            <div class="form-group">
                                                                            
                                                                                <label>Previous Findings</label>
                                                                                <div>
                                                                                    <input type="text" name="ps_previous_findings" id="ps_previous_findings" class="form-control ps_previous_findings ps-previous-findings-check" placeholder="Please Enter Previous Findings" value="{{ portside.ps_previous_findings }}">
                                                                                </div>
                                                                            </div>
                                                                        </div>   
                                                                        <div class="all-addon">
                                                                            <div class="plus">
                                                                                <a href="javascript:void(0)" class="add-more-port-side1">
                                                                                    <i class="ion-plus-circled"></i>
                                                                                </a>
                                                                            </div>
                                                                            <div class="minus">
                                                                                <a href="javascript:void(0)" class="remove-remove-bow-comp-port-walk1">
                                                                                    <i class="ion-android-trash"></i>
                                                                                </a>
                                                                            </div>
                                                                        </div>                  
                                                                    
                                                                    </div>
                                                                {% endfor %}
                                                                {% comment %} end {% endcomment %}

                                                                <div class="bc-new-port-check row control-group after-add-more-port-side">
                                                                    <div class='col-md-6'>
                                                                        <div class="form-group">
                                                                            <label>New Findings </label>
                                                                            <div>
                                                                                <input type="text" name="ps_new_findings" id="ps_new_findings" class="form-control ps_new_findings" placeholder="Enter New Findings" value="{{portside.ps_new_findings}}" >
                                                                            </div>
                                                                        </div>
                                                                    </div>
    
                                                                    <div class='col-md-6'>
                                                                        <div class="form-group add-plus">
                                                                            <div class="plus">
                                                                                <a href="javascript:void(0)" class="add-more-port-side">
                                                                                    <i class="ion-plus-circled"></i>
                                                                                </a>
                                                                            </div>
                                                                            <label>Recommendation</label>
                                                                            <div>
                                                                                <input type="text" name="ps_recommendation" id="ps_recommendation" class="form-control ps_recommendation" placeholder="Enter Recommendation" value="{{portside.ps_recommendation}}">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                {% for portside in walkaround_report_details.port_side.all %}
                                                                <div class="common-minus-hide8 control-group-port-walk row control-group after-add-more-port-side">
                                                                    <div class='col-md-6'>
                                                                        <div class="form-group">
                                                                            <label>New Findings </label>
                                                                            <div>
                                                                                <input type="text" name="ps_new_findings" id="ps_new_findings" class="form-control ps_new_findings ps-new-findings-check" placeholder="Enter New Findings" value="{{portside.ps_new_findings}}" >
                                                                            </div>
                                                                        </div>
                                                                    </div>
    
                                                                    <div class='col-md-6'>
                                                                        <div class="form-group">
                                                                            <div class="all-addon-edit">
                                                                                <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-remove-bow-comp-port-walk">
                                                                                        <i class="ion-android-trash"></i>
                                                                                    </a>
                                                                                </div>
                                                                            </div>
                                                                            <label>Recommendation</label>
                                                                            <div>
                                                                                <input type="text" name="ps_recommendation" id="ps_recommendation" class="form-control ps_recommendation" placeholder="Enter Recommendation" value="{{portside.ps_recommendation}}">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                {% endfor %}

                                                                
                                                                <div class="col-md-12">
                                                                    <div class="row">
                                                                        <div class="col-md-6">
                                                                            <div class="form-group">
                                                                                <label>Water Statement</label>
                                                                                <div>
                                                                                    <select class="form-control ps_water_statement_select" name="ps_water_statement_select" id="ps_water_statement_select" data-parsley-required-message="Please select compartment">
                                                                                        <option value=""> Select Water Statement</option>
                                                                                        <option value="The compartments were dry." {% if walkaround_report_details.ps_water_statement == 'The compartments were dry.'  %} selected="selected" {% endif %} >The compartments were dry. </option>
                                                                                        <option value="The compartments contained a maximum 3” of water." {% if walkaround_report_details.ps_water_statement == 'The compartments contained a maximum 3” of water.'  %} selected="selected" {% endif %} >The compartments contained a maximum 3” of water.</option>
                                                                                        <option value="Other (add text)" {% if walkaround_report_details.ps_water_statement == 'Other (add text)'  %} selected="selected" {% endif %} >Other (add text)</option>
                                                                                    </select>
                                                                                </div>
                                                                            </div>
                                                                        </div>

                                                                        <div class='col-md-6 ps_water_statement_other' style="display:none">
                                                                            <div class="form-group">
                                                                                <label>Water Statement</label>
                                                                                <div>
                                                                                    <input type="text" name="ps_water_statement_other" id="ps_water_statement_other" class="form-control" placeholder="Please Enter Water Statement" value="{{walkaround_report_details.ps_water_statement_other}}">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                </div>

                                                                <input type="hidden" class="form-control bc-water-port-select-other-check" placeholder="Enter Water Statement" value="{{walkaround_report_details.ps_water_statement}}">

                                                                
                                                                <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='ps_rcpcc_check' id="ps_rcpcc_check" name='ps_rcpcc_check'  {% if  walkaround_report_details.ps_check_compartment == 'true' %} 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.
                                                                            </div>
                                                                        </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='ps_rcwd_check' id="ps_rcwd_check" name='ps_rcwd_check'  {% if  walkaround_report_details.ps_remaining_compartments == 'true' %} checked {% endif %}>
                                                                                <label></label>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class='col-md-11 my_check_c right'>
                                                                        <div class="form-group">
                                                                            <div class="lbl-text">
                                                                                    The remaining compartments were dry.
                                                                            </div>
                                                                        </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='ps_rccmw_check' id="ps_rccmw_check" name='ps_rccmw_check'  {% if  walkaround_report_details.ps_remaining_compartments_were_dry == 'true' %} checked {% endif %} >
                                                                                <label></label>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class='col-md-11 my_check_c right'>
                                                                        <div class="form-group">
                                                                            <div class="lbl-text">
                                                                                    The remaining compartments contained a maximum 3” of water.
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                            <!-- when the plus is clicked this will open -->
                                                            {% comment %} by moumita {% endcomment %}
                                                            <div class="copy-fields-port-side1 hide">
                                                                <div class="row-add row control-group4 finding-box previous-pos">
                                                                    
                                                                    <div class='col-md-12'>
                                                                        <div class="form-group">
                                                                            
                                                                            <label>Previous Findings</label>
                                                                            <div>
                                                                                <input type="text" name="ps_previous_findings" id="ps_previous_findings" class="form-control ps_previous_findings" placeholder="Please Enter Previous Findings" >
                                                                            </div>
                                                                        </div>
                                                                    </div>   
                                                                    <div class="all-addon">
                                                                        <div class="plus">
                                                                            <a href="javascript:void(0)" class="add-more-port-side1">
                                                                                <i class="ion-plus-circled"></i>
                                                                            </a>
                                                                        </div>
                                                                        <div class="minus">
                                                                            <a href="javascript:void(0)" class="remove-port-side1">
                                                                                <i class="ion-android-trash"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>                  
                                                                    
                                                                </div>
                                                            </div>
                                                            <!--  end  -->
                                                            

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

                                                                    <div class='col-md-6'>
                                                                        <div class="form-group">
                                                                            <label>New Findings</label>
                                                                            <div>
                                                                                <input type="text" name="ps_new_findings" id="ps_new_findings" class="form-control ps_new_findings" placeholder="Enter New Findings" >
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <div class='col-md-6'>
                                                                        <div class="form-group">
                                                                            <label>Recommendation</label>
                                                                            <div>
                                                                                <input type="text" name="ps_recommendation" id="ps_recommendation" class="form-control ps_recommendation" placeholder="Enter Recommendation" >
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <div class="all-addon">
                                                                        <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-android-trash"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            {% comment %} end remove {% endcomment %}

                                                            
                                                        </div>

                                                        
                                                        <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>
                                                                            <option value="The coaming was in satisfactory condition." {% if walkaround_report_details.coaming == 'The coaming was in satisfactory condition.'  %} selected="selected" {% endif %} > The coaming was in satisfactory condition. </option>
                                                                            <option value="Other (add text)" {% if walkaround_report_details.coaming == 'Other (add text)'  %} selected="selected" {% endif %}> Other (add text) </option>
                                                                    </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="{{walkaround_report_details.coaming_other}}">
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <input type="hidden" class="form-control b-coaming-other-check" value="{{walkaround_report_details.coaming}}">

                                                        <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>
                                                                            <option value="The hopper was clean." {% if walkaround_report_details.hopper == 'The hopper was clean.'  %} selected="selected" {% endif %}>The hopper was clean.</option>
                                                                            <option value="The hopper was being cleaned." {% if walkaround_report_details.hopper == 'The hopper was being cleaned.'  %} selected="selected" {% endif %}>The hopper was being cleaned.</option>
                                                                            <option value="The hopper was dirty on the dock." {% if walkaround_report_details.hopper == 'The hopper was dirty on the dock.'  %} selected="selected" {% endif %}>The hopper was dirty on the dock.</option>
                                                                            <option value="Other (add text)" {% if walkaround_report_details.hopper == 'Other (add text)'  %} selected="selected" {% endif %}>Other (add text)</option>
                                                                    </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='{{walkaround_report_details.hopper_other}}'>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <input type="hidden" class="form-control b-hopping-other-check" value="{{walkaround_report_details.hopper}}">

                                                        <div class="form-group">
                                                            <label>Covers</label>
                                                            <div class='row'>
                                                                <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='b_cp_check' id="b_cp_check" name='b_cp_check' {% if walkaround_report_details.covers == 'true' %} checked {% endif %} >
                                                                                <label></label>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class='col-md-11 my_check_c right'>
                                                                        <div class="form-group">
                                                                            <div class="lbl-text">
                                                                                The covers were set and sealing properly.
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                                <div class="form-group">
                                                                    <div class="row-add-list">
                                                                        <div class="row-add row control-group after-add-more-port-side">


                                                                             <div class="col-md-12 isNotCheck" >
                                                                                <div class="form-group add-plus">
                                                                                    <div class="plus">
                                                                                        <a href="javascript:void(0)" class="add-more-cover-side">
                                                                                            <i class="ion-plus-circled"></i>
                                                                                        </a>
                                                                                    </div>
            
                                                                                    <div class="form-group">
                                                                                        <label>Cover findings</label>
                                                                                        <div class="row">
                                                                                            <div class='col-md-12'>
                                                                                                <input type="text" id="b_cover_findings" name="b_cover_findings" class="form-control b_cover_findings" placeholder="Enter other Cover findings">
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
            
                                                                            <div class="col-md-12 isNotCheck">
                                                                                <div class="form-group">
                                                                                    <label>Cover Recommendation</label>
                                                                                    <div class="row">
                                                                                        <div class='col-md-6'>
                                                                                            <select class="form-control b_cover_recommendation" name="b_cover_recommendation" id="b_cover_recommendation" data-parsley-required-message="Please select hopper">
                                                                                                <option value="">Select Cover Recommendation</option>
                                                                                                    <option value="Patch 1'x1'" >Patch 1'x1'</option>
                                                                                                    <option value="Patch 2'x1'" >Patch 2'x1'</option>
                                                                                                    <option value="Renew" >Renew</option>
                                                                                                    <option value="Other (add text)" >Other (add text)</option>
                                                                                            </select>
                                                                                        </div>
                                                                                        <div class='col-md-6 b_cover_recommendation_other_c' style="display:none">
                                                                                            <input type="text" id="b_cover_recommendation_other" name="b_cover_recommendation_other" class="form-control b_cover_recommendation_other" placeholder="Please Enter Cover Recommendation" >
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div> 




                                                                            {% comment %} start edit loop {% endcomment %}
                                                                            {% for coverFinding in walkaround_report_details.cover_finding.all %}
                                                                            <div class="common-minus-hide9 control-group-covers-walk">
                                                                                <div class="col-md-12">
                                                                                    <div class="form-group  cover-finding-plus">
                                                                                        <div class="all-addon-edit">
                                                                                            <div class="plus">
                                                                                                <a href="javascript:void(0)" class="add-more-cover-side">
                                                                                                    <i class="ion-plus-circled"></i>
                                                                                                </a>
                                                                                            </div>
                                                                                            <div class="minus">
                                                                                                <a href="javascript:void(0)" class="remove-remove-covers-comp-walk">
                                                                                                    <i class="ion-android-trash"></i>
                                                                                                </a>
                                                                                            </div>
                                                                                        </div>

                
                                                                                        <div class="form-group">
                                                                                            <label>Cover findings</label>
                                                                                            <div class="row">
                                                                                                <div class='col-md-12'>
                                                                                                    <input type="text" id="b_cover_findings" name="b_cover_findings" class="form-control b_cover_findings b-cover-findings-check" placeholder="Enter other Cover findings" value="{{coverFinding.b_cover_findings}}" >
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                
                                                                                <div class="col-md-12 select-cover-recommendation">
                                                                                    <div class="form-group">
                                                                                        <label>Cover Recommendation</label>
                                                                                        <div class="row">
                                                                                            <div class='col-md-6'>
                                                                                                <select class="form-control b_cover_recommendation b_cover_recommendation_check" name="b_cover_recommendation" id="b_cover_recommendation" data-parsley-required-message="Please select hopper">
                                                                                                    <option value="">Select Cover Recommendation</option>
                                                                                                        <option value="Patch 1'x1'" {% if coverFinding.b_cover_recommendation == "Patch 1'x1'" %} selected="selected" {% endif %} >Patch 1'x1'</option>
                                                                                                        <option value="Patch 2'x1'"{% if coverFinding.b_cover_recommendation == "Patch 2'x1'" %} selected="selected" {% endif %} >Patch 2'x1'</option>
                                                                                                        <option value="Renew" {% if coverFinding.b_cover_recommendation == "Renew" %} selected="selected" {% endif %} >Renew</option>
                                                                                                        <option value="Other (add text)" {% if coverFinding.b_cover_recommendation == "Other (add text)" %} selected="selected" {% endif %} >Other (add text)</option>
                                                                                                </select>
                                                                                            </div>

                                                                                            <div class="recommendation-other-text select-cover-recommendation-text">
                                                                                                <div class='col-md-6 b_cover_recommendation_other_c ' >
                                                                                                    <input type="hidden" class="form-control recommendation-other-hidden recommendation-id-other" value="{{coverFinding.b_cover_recommendation}}">
                                                                                                    <input type="text" id="b_cover_recommendation_other" name="b_cover_recommendation_other" class="form-control b_cover_recommendation_other" placeholder="Please Enter Cover Recommendation" value="{{coverFinding.b_cover_recommendation_other}}">
                                                                                                </div>
                                                                                            </div>
                                                                                            
                                                                                        </div>
                                                                                    </div>
                                                                                    
                                                                                </div>

                                                                                
                                                                                
                                                                        </div>
                                                                        {% endfor %}

                                                                            <!-- <div class="copy-fields-cover-side hide">
                                                                                <div class="row-add row control-group finding-box isCheckCovers">
                                                                                    <div class="col-md-12">
                                                                                    <div class="form-group">
                                                                                        <label>Cover findings</label>
                                                                                        <div class="row">
                                                                                            <div class='col-md-12'>
                                                                                                <input type="text" id="b_cover_findings" name="b_cover_findings" class="form-control b_cover_findings" placeholder="Please Enter other Cover findings">
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
    
                                                                                    
                                                                                    <div class="form-group">
                                                                                        <label>Cover Recommendation</label>
                                                                                        <div class="row">
                                                                                            <div class='col-md-6'>
                                                                                                <select class="form-control b_cover_recommendation" name="b_cover_recommendation" id="b_cover_recommendation" data-parsley-required-message="Please select hopper">
                                                                                                    <option value="">Select Cover Recommendation</option>
                                                                                                        <option value="Patch 1'x1'" >Patch 1'x1'</option>
                                                                                                        <option value="Patch 2'x1'" >Patch 2'x1'</option>
                                                                                                        <option value="Renew" >Renew</option>
                                                                                                        <option value="Other (add text)" >Other (add text)</option>
                                                                                                </select>
                                                                                            </div>
                                                                                            <div class='col-md-6 b_cover_recommendation_other_c' style="display:none">
                                                                                                <input type="text" id="b_cover_recommendation_other" name="b_cover_recommendation_other" class="form-control b_cover_recommendation_other" placeholder="Please Enter Cover Recommendation" >
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    
    
                                                                                    <div class="all-addon">
                                                                                        <div class="plus">
                                                                                            <a href="javascript:void(0)" class="add-more-cover-side">
                                                                                                <i class="ion-plus-circled"></i>
                                                                                            </a>
                                                                                        </div>
                                                                                        <div class="minus">
                                                                                            <a href="javascript:void(0)" class="remove-cover-side">
                                                                                                <i class="ion-android-trash"></i>
                                                                                            </a>
                                                                                        </div>
                                                                                    </div>
                                                                                    
                                                                                </div>
                                                                                </div>
                                                                            </div> -->
    
                                                                            {% comment %} start remove {% endcomment %}
                                                                            <div class="copy-fields-cover-side hide">
                                                                                <div class="row-add row control-group finding-box">
                                                                                    <div class="col-md-12">
                                                                                    <div class="form-group">
                                                                                        <label>Cover findings</label>
                                                                                        <div class="row">
                                                                                            <div class='col-md-12'>
                                                                                                <input type="text" id="b_cover_findings" name="b_cover_findings" class="form-control b_cover_findings" placeholder="Please Enter other Cover findings">
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
    
                                                                                    
                                                                                        <div class="form-group">
                                                                                            <label>Cover Recommendation</label>
                                                                                            <div class="row">
                                                                                                <div class='col-md-6'>
                                                                                                    <select class="form-control b_cover_recommendation" name="b_cover_recommendation" id="b_cover_recommendation" data-parsley-required-message="Please select hopper">
                                                                                                        <option value="">Select Cover Recommendation</option>
                                                                                                            <option value="Patch 1'x1'" >Patch 1'x1'</option>
                                                                                                            <option value="Patch 2'x1'" >Patch 2'x1'</option>
                                                                                                            <option value="Renew" >Renew</option>
                                                                                                            <option value="Other (add text)" >Other (add text)</option>
                                                                                                    </select>
                                                                                                </div>
                                                                                                <div class='col-md-6 b_cover_recommendation_other_c' style="display:none">
                                                                                                    <input type="text" id="b_cover_recommendation_other" name="b_cover_recommendation_other" class="form-control b_cover_recommendation_other" placeholder="Please Enter Cover Recommendation" >
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    
    
                                                                                    <div class="all-addon">
                                                                                        <div class="plus">
                                                                                            <a href="javascript:void(0)" class="add-more-cover-side">
                                                                                                <i class="ion-plus-circled"></i>
                                                                                            </a>
                                                                                        </div>
                                                                                        <div class="minus">
                                                                                            <a href="javascript:void(0)" class="remove-cover-side">
                                                                                                <i class="ion-android-trash"></i>
                                                                                            </a>
                                                                                        </div>
                                                                                    </div>
                                                                                    
                                                                                </div>
                                                                                </div>
                                                                            </div>
                                                                            {% comment %} end remove {% endcomment %}
    
                                                                        </div>
                                                                    </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>
                                                                        
                                                                            <option value="The deck fittings were in satisfactory condition." {% if walkaround_report_details.deck_fittings == "The deck fittings were in satisfactory condition." %} selected="selected" {% endif %}>The deck fittings were in satisfactory condition. </option>
                                                                            <option value="Other (add text)" {% if walkaround_report_details.deck_fittings == "Other (add text)" %} selected="selected" {% endif %}>Other (add text)</option>
                                                                        
                                                                    </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='{{walkaround_report_details.deck_fittings_other}}'>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <input type="hidden" class="form-control b_deck_fittings_other-check" value="{{walkaround_report_details.deck_fittings}}">


                                                        <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>
                                                                            <option value="The coatings were in satisfactory condition." {% if walkaround_report_details.coatings == "The coatings were in satisfactory condition." %} selected="selected" {% endif %} >The coatings were in satisfactory condition.</option>
                                                                            <option value="Other (add text)" {% if walkaround_report_details.coatings == "Other (add text)" %} selected="selected" {% endif %}>Other (add text)</option>
                                                                    </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='{{walkaround_report_details.coatings_other}}'>
                                                                </div>
                                                            </div>
                                                        </div>


                                                        <input type="hidden" class="form-control b_coatings_other-check" value="{{walkaround_report_details.coatings}}">
                                                        
                                                            
                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <div>
                                                                        <label>Select Final Statement</label>
                                                                        <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.b_f_statement_optn}}" {% if walkaround_report_details.final_statement == b_final_statement.b_f_statement_optn %} selected="selected" {% endif %}>
                                                                                    {{b_final_statement.b_f_statement_optn|capfirst}}
                                                                                </option>
                                                                            {% endfor %}
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label>Surveyor</label>
                                                                    <div>
                                                                        <select class="form-control" name="walkaround_surveyor" id="walkaround_surveyor" data-parsley-required-message="Please select final statement">
                                                                            <option value="">Select Surveyor</option>
                                                                                <option value="Jeremy Carson" {% if walkaround_report_details.surveyor == 'Jeremy Carson' %} selected="selected" {% endif %} >Jeremy Carson </option>
                                                                                <option value="Jared Berges" {% if walkaround_report_details.surveyor == 'Jared Berges' %} selected="selected" {% endif %} >Jared Berges </option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            
                                                            <h3>Images <span id="photoCounter"></span></h3>
                                                            
                                                            <br />
                                                            <div class="form-group dropzone" id="real-dropzone_photo_handler1_edit">
                                                                <div class="dz-message">

                                                                 </div>

                                                                <div class="fallback">
                                                                    <input name="photo_handler_image" id='photo_handler_image' type="file" multiple />
                                                                </div>

                                                                <div class="dropzone-previews" id="dropzonePreview"></div>

                                                                <input type="hidden" name="photo_handler_id" id="photo_handler_id" value="{{walkaround_report_details.id}}">

                                                                <h4 style="text-align: center;color:#428bca;">Drop images in this area  <span class="glyphicon glyphicon-hand-down"></span></h4>
                                                            </div>
                                                            <div id="preview-template" style="display: none;">
                                                                <div class="dz-preview dz-file-preview">
                                                                    <div class="dz-image"><img data-dz-thumbnail=""></div>
                                                                    <input type="hidden" class="serverfilename_pilot_house1"/>

                                                                    <div class="dz-details">
                                                                        <div class="dz-size"><span data-dz-size=""></span></div>
                                                                        <div class="dz-filename"><span data-dz-name=""></span></div>
                                                                    </div>
                                                                    <div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress=""></span></div>
                                                                    <div class="dz-error-message"><span data-dz-errormessage=""></span></div>
                                                                    <div class="dz-success-mark">
                                                                        <svg width="54px" height="54px" viewBox="0 0 54 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
                                                                            <title>Check</title>
                                                                            <desc>Created with Sketch.</desc>
                                                                            <defs></defs>
                                                                            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
                                                                                <path d="M23.5,31.8431458 L17.5852419,25.9283877 C16.0248253,24.3679711 13.4910294,24.366835 11.9289322,25.9289322 C10.3700136,27.4878508 10.3665912,30.0234455 11.9283877,31.5852419 L20.4147581,40.0716123 C20.5133999,40.1702541 20.6159315,40.2626649 20.7218615,40.3488435 C22.2835669,41.8725651 24.794234,41.8626202 26.3461564,40.3106978 L43.3106978,23.3461564 C44.8771021,21.7797521 44.8758057,19.2483887 43.3137085,17.6862915 C41.7547899,16.1273729 39.2176035,16.1255422 37.6538436,17.6893022 L23.5,31.8431458 Z M27,53 C41.3594035,53 53,41.3594035 53,27 C53,12.6405965 41.3594035,1 27,1 C12.6405965,1 1,12.6405965 1,27 C1,41.3594035 12.6405965,53 27,53 Z" id="Oval-2" stroke-opacity="0.198794158" stroke="#747474" fill-opacity="0.816519475" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
                                                                            </g>
                                                                        </svg>
                                                                    </div>
                                                                    <div class="dz-error-mark">
                                                                        <svg width="54px" height="54px" viewBox="0 0 54 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
                                                                            <title>error</title>
                                                                            <desc>Created with Sketch.</desc>
                                                                            <defs></defs>
                                                                            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
                                                                                <g id="Check-+-Oval-2" sketch:type="MSLayerGroup" stroke="#747474" stroke-opacity="0.198794158" fill="#FFFFFF" fill-opacity="0.816519475">
                                                                                    <path d="M32.6568542,29 L38.3106978,23.3461564 C39.8771021,21.7797521 39.8758057,19.2483887 38.3137085,17.6862915 C36.7547899,16.1273729 34.2176035,16.1255422 32.6538436,17.6893022 L27,23.3431458 L21.3461564,17.6893022 C19.7823965,16.1255422 17.2452101,16.1273729 15.6862915,17.6862915 C14.1241943,19.2483887 14.1228979,21.7797521 15.6893022,23.3461564 L21.3431458,29 L15.6893022,34.6538436 C14.1228979,36.2202479 14.1241943,38.7516113 15.6862915,40.3137085 C17.2452101,41.8726271 19.7823965,41.8744578 21.3461564,40.3106978 L27,34.6568542 L32.6538436,40.3106978 C34.2176035,41.8744578 36.7547899,41.8726271 38.3137085,40.3137085 C39.8758057,38.7516113 39.8771021,36.2202479 38.3106978,34.6538436 L32.6568542,29 Z M27,53 C41.3594035,53 53,41.3594035 53,27 C53,12.6405965 41.3594035,1 27,1 C12.6405965,1 1,12.6405965 1,27 C1,41.3594035 12.6405965,53 27,53 Z" id="Oval-2" sketch:type="MSShapeGroup"></path>
                                                                                </g>
                                                                            </g>
                                                                        </svg>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <button class="btn btn-primary nextBtn pull-left photo_handler_edit_button" type="submit">Update</button>
                                                        <button class="pl_photo_ref1 btn btn-primary" type="button">Refresh</button>
                                                    </form>

                                                    <form class="pdForm1" name="pdForm1" id="pdForm1" method="POST" action="" novalidate="" enctype="multipart/form-data">
                                                        <ul class='add-image-caption-pilot-house1 clearfix' id="sortable1"></ul>
                                                        <input class="btn btn-primary" id="caption_update_walkaround" type="submit" value="Update Captions" style="display:none">
                                                    </form>
                                                    
                                                    <div class="text-right ">
                                                        <button class="btn btn-primary pull-right back_to_the_dashboard" type="button" >Back To The Dashboard</button>
                                                        <button class="btn btn-primary pull-right lkaround_generate_report" type="button">Generate Report</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 
            </div>
        </div>
        {% endblock %}