{% 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</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="General Description" >1</a>
                                        </div>
                                        {% comment %} <div class="stepwizard-step"> 
                                            <a href="#step-2" type="button" class="btn btn-default btn-circle" data-toggle="tooltip" data-placement="top" title="Findings" >2</a>
                                        </div> {% endcomment %}
                                    </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='walkaroundReportStep2' id='walkaroundReportStep2' method='POST' action='' novalidate='' enctype='multipart/form-data'>
                                                        {% csrf_token %}

                                                        <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="">
                                                                
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 survey_b_location_other_c">
                                                            <div class="form-group error">
                                                                <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="Please Enter Survey date" value="" >
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6 survey_b_location_other_c">
                                                            <div class="form-group error">
                                                                <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="Please Enter Barge Name" value="" >
                                                            </div>
                                                        </div>

                                                        <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" >Robert Miller & Associates</option>
                                                                                <option value="Ceres Consulting LLC" >Ceres Consulting LLC</option>
                                                                                <option value="ROI Logistics & Marine Services" >ROI Logistics & Marine Services</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <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 survey_report_barge.survey_b_location|str_is_in:survey_b_location.id %} selected="selected" {% endif %}>
                                                                                {{survey_b_location.b_loc_optn|capfirst}}
                                                                            </option>
                                                                        {% endfor %}
                                                                    </select>
                                                                    </div>
                                                                </div>
                                                                <div class='col-md-6 survey_b_location_other_c'>
                                                                    <input type="text" id="survey_b_location_other" name="survey_b_location_other" class="form-control" placeholder="Enter other location here" value='{{survey_report_barge.survey_b_location_other}}'>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="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 survey_report_barge.barge_type|str_is_in:barge_type.id %} selected="selected" {% endif %}>
                                                                                {{barge_type.b_type_optn|capfirst}}
                                                                            </option>
                                                                        {% endfor %}
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <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="Please Enter Number of Cargo Covers" value=''>
                                                            </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" >
                                                                <option value="">Select Cargo Cover Type</option>
                                                                {% for cargo_covers_type in report_options.BCargoCovers %}
                                                                    <option value="{{cargo_covers_type.id}}" {% if survey_report_barge.cargo_covers_type|str_is_in:cargo_covers_type.id %} selected="selected" {% endif %}>
                                                                        {{cargo_covers_type.b_car_covers_optn|capfirst}}
                                                                    </option>
                                                                {% endfor %}
                                                            </select>
                                                            </div>
                                                        </div>

                                                        <div 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" >
                                                                                <option value="">Number of Wing Compartments</option>
                                                                                    <option value="Four Port and Starboard" >Four Port and Starboard</option>
                                                                                    <option value="Five Port and Starboard" >Five Port and Starboard</option>
                                                                                    <option value="Six Port and Starboard" >Six Port and Starboard</option>
                                                                                    <option value="Seven Port and Starboard" >Seven Port and Starboard</option>
                                                                                    <option value="Other (add text)" >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" id="number_of_wing_compartments_others" class="form-control datepicker" required=""  placeholder="Enter Number of Wing Compartments" value="">
                                                                            
                                                                    </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>Void Compartments</label>
                                                                            <select class="form-control" name="void_bow_compartments" id="void_bow_compartments" >
                                                                                <option value="">Select Void Compartments</option>
                                                                                <option value="Box Bow and Box Stern" >Box Bow and Box Stern</option>
                                                                                <option value="Rake Bow and Box Stern" >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 data-parsley-type="number" type="text" id="barg_dimentions_length" name="barg_dimentions_length" class="form-control" placeholder="Enter barge length here" value=''>
                                                                        </div>
                                                                        <div class='col-sm-4 col-xs-12'>
                                                                            <input data-parsley-type="number" type="text" id="barg_dimentions_width" name="barg_dimentions_width" class="form-control" placeholder="Enter barge width here" value=''>
                                                                        </div>
                                                                        <div class='col-sm-4 col-xs-12'>
                                                                            <input data-parsley-type="number" type="text" id="barg_dimentions_height" name="barg_dimentions_height" class="form-control" placeholder="Enter barge depth here" value=''>
                                                                        </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>
                                                                                <select class="form-control coaming_height" name="coaming_height" id="coaming_height" >
                                                                                    <option value="">Select Coaming Height</option>
                                                                                        <option value="4'" >4'</option>
                                                                                        <option value="5'" >5’</option>
                                                                                        <option value="Other (add text)">Other (add text)</option>
                                                                                </select>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-6 survey_b_location_other_c">
                                                                        <div class="form-group coaming-height-text" style="display:none">
                                                                            <label>Coaming Height</label>
                                                                            <input type="text" id="coaming_height_text" name="coaming_height_text" class="form-control" required="" data-parsley-required-message="Please enter Coaming Height of the Walkaround report" placeholder="Please Enter Coaming Height" >
                                                                        </div>
                                                                    </div>
                                                                </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>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" >Category 1</option>
                                                                                        <option value="Category 2" >Category 2</option>
                                                                                        <option value="Category 3" >Category 3</option>
                                                                                </select>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    
                                                                </div>
                                                            </div>
                                                        
                                                       

                                                            <div class="row-add-list common-card-box-shadow">
                                                                <div class="col-md-12">
                                                                    <div class="form-group first-step">
                                                                        <label>Findings</label>
                                                                    </div>
                                                                </div>

                                                                
                                                            <div class="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_0" class="form-control ss_previous_findings" placeholder="Please Enter Previous Findings" onkeyup="myfunction1(0)">
                                                                        </div>
                                                                        
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="test-append">

                                                            </div>

                                                            <div>
                                                                
                                                            <div class="control-group row 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_0" class="form-control ss_new_findings" placeholder="Please Enter New Findings" onkeyup="myfunction2(0)">
                                                                        </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_0" class="form-control ss_recommendation" placeholder="Please Enter Recommendation" onkeyup="myfunction2(0)">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="test-append-new">

                                                            </div>
                                                             <!-- Starboard Side Previous Finding when plus sign clicked this section open  -->
                                                             <!-- <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="Please 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="Please 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 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." >The compartments were dry. </option>
                                                                                    <option value="The compartments contained a maximum 3” of water." >The compartments contained a maximum 3” of water.</option>
                                                                                    <option value="Other (add text)" >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" >
                                                                            </div>
                                                                        </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_rcpccc_check' id="ss_rcpccc_check" name='ss_rcpccc_check' >
                                                                        <label></label>
                                                                    </div>
                                                                </div>
                                                            </div>


                                                                <div class='col-md-11 my_check_c right'>
                                                                    <div class="form-group">
                                                                        <div class="lbl-text">
                                                                            Recommend Pump and Check Compartment.
                                                                        </div>
                                                                    </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' >
                                                                                <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' >
                                                                                <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>

                                                                
                                                            </div>
                                                            

                                                            

                                                        </div>

                                                        <div class="form-group">
                                                            <label>Hopper</label>
                                                            <div class="row">
                                                                <div class='col-md-6'>
                                                                    <select class="form-control b_hopper" name="b_hopper" id="b_hopper" data-parsley-required-message="Please select hopper">
                                                                        <option value="">Select Hopper Condition</option>
                                                                            <option value="The hopper was clean." >The hopper was clean.</option>
                                                                            <option value="The hopper was being cleaned." >The hopper was being cleaned.</option>
                                                                            <option value="The hopper was dirty on the dock." >The hopper was dirty on the dock.</option>
                                                                            <option value="Other (add text)" >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="Please Enter  hopper condition" >
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <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' >
                                                                                <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">
                                                                            <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_0" name="b_cover_findings" class="form-control b_cover_findings" placeholder="Enter other Cover findings" onkeyup="myfunction3(0)">
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
        
                                                                        <div class="col-md-12">
                                                                            <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_0" name="b_cover_recommendation_other" class="form-control b_cover_recommendation_other" placeholder="Please Enter Cover Recommendation" onkeyup="myfunction3(0)">
                                                                                    </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 class="cover-test-append">

                                                                </div>

                                                            </div>
                                                        </div>

                                                        
                                                            
                                                       <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|capfirst}}" {% if survey_report_barge.b_final_statement|str_is_in:b_final_statement.id %} selected="selected" {% endif %}>
                                                                                    {{b_final_statement.b_f_statement_optn|capfirst}}
                                                                                </option>
                                                                            {% endfor %}
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <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" >Jeremy Carson </option>
                                                                                <option value="Jared Berges" >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">
                                                                <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.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">
                                                                            <!--Generator: Sketch 3.2.1 (9971) - http://www.bohemiancoding.com/sketch -->
                                                                            <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">
                                                                            <!--Generator: Sketch 3.2.1 (9971) - http://www.bohemiancoding.com/sketch -->
                                                                            <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 pull-left photo_handler_edit_button" type="submit">Save</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 please-wait-details-walkaround-report lkaround_generate_report" type="submit">Generate Report</button>
                                                        <button class="btn btn-primary pull-right back_to_the_dashboard" type="button" >Back To The Dashboard</button>
                                                    </div>
                                                </div>
                                                    
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 
            </div>
        </div>
        {% endblock %}