@extends('layouts.master')
@section('content')
<section class="content home">
   <div class="block-header">
      <div class="row">
         <div class="col-lg-5 col-md-5 col-sm-12">
            <h2>Add Plantation
            <small>Welcome to TOF</small>
            </h2>
         </div>            
         <div class="col-lg-7 col-md-7 col-sm-12 text-right">
            <!-- <button class="btn btn-white btn-icon btn-round d-none d-md-inline-block float-right m-l-10" type="button">
               <i class="zmdi zmdi-plus"></i>
            </button> -->
            <ul class="breadcrumb float-md-right">
               <li class="breadcrumb-item"><a href="/"><i class="zmdi zmdi-home"></i>ASSAM-TOF</a></li>
               <li class="breadcrumb-item active">Add Plantation</li>
            </ul>
         </div>
      </div>
   </div>
   <div class="container-fluid">
      <div class="row">
         <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="card">
               <div class="header">
                  <h2><strong>Add</strong> Plantation
                  <!-- <small>Plantation Raised On Non-forest Land</small> </h2> -->
                  <!-- <ul class="header-dropdown">
                     <li >
                        <a href="/plantation/add" class="btn btn-light btn-block">Add Plantation</a>
                     </li>
                  </ul> -->
               </div>
               <div class="body">
                  <div class="row clearfix">
                     <div class="col-md-12 col-lg-12">
                     <form method="POST" action="/plantation/add" enctype="multipart/form-data">
                           <div class="panel-group " id="accordion_5" role="tablist" aria-multiselectable="true">
                              <!-- Personal Informtion !-->
                              <div class="panel panel-primary">
                                 <div class="panel-heading" role="tab" id="headingOne_5">
                                    <h4 class="panel-title"> <a role="button" data-toggle="collapse" data-parent="#accordion_5" href="#collapseOne_5" aria-expanded="true" aria-controls="collapseOne_5"> Personal information </a> </h4>
                                 </div>
                                 <div id="collapseOne_5" class="panel-collapse collapse in show" role="tabpanel" aria-labelledby="headingOne_5">
                                    <div class="panel-body"> 
                                       <div class="row">
                                        
                                          @csrf
                                          <div class="col-lg-12">
                                             
                                             <div class="form-group">
                                                <label for="input-6">Name of the Pattadar (Shri) <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control form-control-rounded @error('name_of_pattadar') is-invalid @enderror" id="name_of_pattadar" name="name_of_pattadar" value="{{ old('name_of_pattadar') }}" placeholder="Enter Your Name"  autofocus>
                                                @error('name_of_pattadar')
                                                <span class="invalid-feedback" role="alert">
                                                      <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                             </div>
                                          </div>
                                          <div class="col-lg-12">
                                             <div class="form-group">
                                                <label for="input-6">Address (Hno, Street etc) <span class="text-danger">*</span></label>
                                                <textarea  class="form-control address_pattadar form-control-rounded @error('address_pattadar') is-invalid @enderror" id="address_pattadar" name="address_pattadar" placeholder="Enter Address"  autofocus>{{ old('address_pattadar') }}</textarea>
                                                
                                                @error('address_pattadar')
                                                <span class="invalid-feedback" role="alert">
                                                      <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                             </div>
                                          </div>
                                          <div class="col-lg-4">
                                             <div class="form-group">
                                                <label for="input-7">Village <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control village form-control-rounded @error('village') is-invalid @enderror" id="input-7" name="village" value="{{ old('village') }}" placeholder="Enter Village">
                                                @error('village')
                                                   <span class="invalid-feedback" role="alert">
                                                         <strong>{{ $message }}</strong>
                                                   </span>
                                                @enderror
                                             </div>
                                          </div>
                                          <div class="col-lg-4">
                                             <div class="form-group">
                                                <label for="input-7">Postoffice <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control post_office form-control-rounded @error('post_office') is-invalid @enderror" id="input-7" name="post_office" value="{{ old('post_office') }}" placeholder="Enter PostOffice">
                                                @error('post_office')
                                                   <span class="invalid-feedback" role="alert">
                                                         <strong>{{ $message }}</strong>
                                                   </span>
                                                @enderror
                                             </div>
                                          </div>
                                          <div class="col-lg-4">

                                             <div class="form-group">
                                                <label for="input-7">Pin Code <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control pin_code form-control-rounded @error('pin_code') is-invalid @enderror" id="input-7" name="pin_code" value="{{ old('pin_code') }}" placeholder="Enter Pin Code">
                                                @error('pin_code')
                                                   <span class="invalid-feedback" role="alert">
                                                         <strong>{{ $message }}</strong>
                                                   </span>
                                                @enderror
                                             </div>
                                          </div>
                                          
                                          <div class="col-lg-4">
                                             <div class="form-group">
                                                <label for="input-8">Policestation <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control police_station form-control-rounded @error('police_station') is-invalid @enderror" name="police_station" id="input-8" value="{{ old('police_station') }}" placeholder="Enter Policestation">
                                                @error('police_station')
                                                   <span class="invalid-feedback" role="alert">
                                                         <strong>{{ $message }}</strong>
                                                   </span>
                                                @enderror
                                             </div>
                                          </div>
                                          <div class="col-lg-4">
                                             <div class="mb-2">
                                                <label for="input-9">District <span class="text-danger">*</span></label>
                                                <select name="district_id" id="district_id" class="form-control user_district_id form-control-rounded @error('district_id') is-invalid @enderror">
                                                <option value="">--Select District--</option>
                                                @foreach($district as $key => $value)
                                                   <option value="{{ $value['id'] }}" @if(old('district_id') == $value['id']) selected @endif>{{ $value['name'] }}</option>
                                                @endforeach
                                                </select>
                                                @error('district_id')
                                                   <span class="invalid-feedback" role="alert">
                                                         <strong>{{ $message }}</strong>
                                                   </span>
                                                @enderror
                                             </div>
                                          </div>

                                          <div class="col-lg-4">
                                             <div class="mb-2">
                                                <label for="input-9">Plantation Type <span class="text-danger">*</span></label>
                                                <select name="plantation_type_id" id="plantation_type_id" class="form-control plantation_type_id form-control-rounded @error('plantation_type_id') is-invalid @enderror">
                                                <option value="">--Select Plantation Type--</option>
                                                @foreach($plantation_type as $key => $value)
                                                   <option value="{{ $value['id'] }}" @if(old('plantation_type_id') == $value['id']) selected @endif>{{ $value['description'] }}</option>
                                                @endforeach
                                                </select>
                                                @error('plantation_type_id')
                                                   <span class="invalid-feedback" role="alert">
                                                         <strong>{{ $message }}</strong>
                                                   </span>
                                                @enderror
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <!-- Parental Details !-->
                              <div class="panel panel-primary">
                                 <div class="panel-heading" role="tab" id="headingTwo_5">
                                    <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion_5" href="#collapseTwo_5" aria-expanded="false"
                                                aria-controls="collapseTwo_5"> Parental Details </a> </h4>
                                 </div>
                                 <div id="collapseTwo_5" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo_5">
                                    <div class="panel-body">
                                       <div class="checkbox">
                                          <input id="checkbox2" type="checkbox" name="same_personal_address" class="same_personal_address">
                                          <label for="checkbox2">
                                             Same Addess
                                          </label>
                                       </div>
                                       <div class="row">
                                          <div class="col-lg-12">
                                             <div class="form-group">
                                                <label for="input-6">Fathers Name :(Sri/Late) <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control form-control-rounded @error('father_name') is-invalid @enderror" id="father_name" name="father_name" value="{{ old('father_name') }}" placeholder="Enter Your Name"  autofocus>
                                                @error('father_name')
                                                <span class="invalid-feedback" role="alert">
                                                      <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                             </div>
                                          </div>
                                          <div class="col-lg-12">

                                             <div class="form-group">
                                                <label for="input-6">Address (Hno, Street etc) <span class="text-danger">*</span></label>
                                                <textarea  class="form-control father_address form-control-rounded @error('father_address') is-invalid @enderror" id="father_address" name="father_address" placeholder="Enter Address"  autofocus>{{ old('father_address') }}</textarea>
                                                
                                                @error('father_address')
                                                <span class="invalid-feedback" role="alert">
                                                      <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                             </div>
                                          </div>
                                          <div class="col-lg-4">

                                             <div class="form-group">
                                                <label for="input-7">Village <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control father_village form-control-rounded @error('father_village') is-invalid @enderror" id="input-7" name="father_village" value="{{ old('father_village') }}" placeholder="Enter Village">
                                                @error('father_village')
                                                   <span class="invalid-feedback" role="alert">
                                                         <strong>{{ $message }}</strong>
                                                   </span>
                                                @enderror
                                             </div>
                                          </div>
                                          <div class="col-lg-4">

                                             <div class="form-group">
                                                <label for="input-7">Postoffice <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control father_post_office form-control-rounded @error('father_post_office') is-invalid @enderror" id="input-7" name="father_post_office" value="{{ old('father_post_office') }}" placeholder="Enter PostOffice">
                                                @error('father_post_office')
                                                   <span class="invalid-feedback" role="alert">
                                                         <strong>{{ $message }}</strong>
                                                   </span>
                                                @enderror
                                             </div>
                                          </div>
                                          <div class="col-lg-4">

                                             <div class="form-group">
                                                <label for="input-7">Pin Code <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control father_pin_code form-control-rounded @error('father_pin_code') is-invalid @enderror" id="input-7" name="father_pin_code" value="{{ old('father_pin_code') }}" placeholder="Enter Pin Code">
                                                @error('father_pin_code')
                                                   <span class="invalid-feedback" role="alert">
                                                         <strong>{{ $message }}</strong>
                                                   </span>
                                                @enderror
                                             </div>
                                          </div>
                                          <div class="col-lg-4">

                                             <div class="form-group">
                                                <label for="input-8">Policestation <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control father_police_station form-control-rounded @error('father_police_station') is-invalid @enderror" name="father_police_station" id="input-8" value="{{ old('father_police_station') }}" placeholder="Enter Policestation">
                                                @error('father_police_station')
                                                   <span class="invalid-feedback" role="alert">
                                                         <strong>{{ $message }}</strong>
                                                   </span>
                                                @enderror
                                             </div>
                                          </div>
                                          <div class="col-lg-4">
                                             <div class="mb-2">
                                                <label for="input-9">District <span class="text-danger">*</span></label>
                                                <select name="father_district_id" id="father_district_id" class="form-control father_district_id form-control-rounded @error('father_district_id') is-invalid @enderror">
                                                <option value="">--Select District--</option>
                                                @foreach($district as $key => $value)
                                                   <option value="{{ $value['id'] }}" @if(old('district_id') == $value['id']) selected @endif>{{ $value['name'] }}</option>
                                                @endforeach
                                                </select>
                                                @error('father_district_id')
                                                   <span class="invalid-feedback" role="alert">
                                                         <strong>{{ $message }}</strong>
                                                   </span>
                                                @enderror
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>

                              <!-- Contact Information !-->
                              <div class="panel panel-primary">
                                 <div class="panel-heading" role="tab" id="headingThree_5">
                                    <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion_5" href="#collapseThree_5" aria-expanded="false"
                                             aria-controls="collapseThree_5"> Contact information </a> </h4>
                                 </div>
                                 <div id="collapseThree_5" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree_5">
                                    <div class="panel-body"> 
                                       <div class="row">
                                          <div class="col-lg-6">
                                             <div class="form-group">
                                                <label for="input-6">Mobile Number <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control form-control-rounded @error('mobile_no') is-invalid @enderror numeric" maxlength="10" id="mobile_no" name="mobile_no" value="{{ old('mobile_no') }}" placeholder="Enter Your Mobile Number"  autofocus>
                                                @error('mobile_no')
                                                <span class="invalid-feedback" role="alert">
                                                      <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                             </div>
                                          </div>
                                          <div class="col-lg-6">

                                             <div class="form-group">
                                                <label for="input-7">Email Address <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control form-control-rounded @error('email_id') is-invalid @enderror" id="input-7" name="email_id" value="{{ old('email_id') }}" placeholder="Enter Email Address">
                                                @error('email_id')
                                                   <span class="invalid-feedback" role="alert">
                                                         <strong>{{ $message }}</strong>
                                                   </span>
                                                @enderror
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <!-- About plantation in land !-->
                              <div class="panel panel-primary">
                                 <div class="panel-heading" role="tab" id="headingForm_5">
                                    <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion_5" href="#collapseFour_5" aria-expanded="false"
                                             aria-controls="collapseFour_5"> About Plantation In Land</a> </h4>
                                 </div>
                                 <div id="collapseFour_5" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingForm_5">
                                    <div class="panel-body"> 
                                       <div class="row">
                                          <div class="col-lg-4">
                                             <div class="form-group">
                                                <label for="input-6">Dag Number</label>
                                                <input type="text" class="form-control form-control-rounded @error('p_dag_no') is-invalid @enderror" id="p_dag_no" name="p_dag_no" value="{{ old('p_dag_no') }}" placeholder="Enter Dag Number"  autofocus>
                                                @error('p_dag_no')
                                                <span class="invalid-feedback" role="alert">
                                                      <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                             </div>
                                          </div>
                                          <div class="col-lg-4">

                                             <div class="form-group">
                                                <label for="input-7">Pattano</label>
                                                <input type="text" class="form-control form-control-rounded @error('patta_no') is-invalid @enderror" id="input-7" name="patta_no" value="{{ old('patta_no') }}" placeholder="Enter Pattano">
                                                @error('patta_no')
                                                   <span class="invalid-feedback" role="alert">
                                                         <strong>{{ $message }}</strong>
                                                   </span>
                                                @enderror
                                             </div>
                                          </div>
                                          <div class="col-lg-4">

                                             <div class="form-group">
                                                <label for="input-7">Mouza</label>
                                                <input type="text" class="form-control form-control-rounded @error('p_mouza') is-invalid @enderror" id="input-7" name="p_mouza" value="{{ old('p_mouza') }}" placeholder="Enter Mouza">
                                                @error('p_mouza')
                                                   <span class="invalid-feedback" role="alert">
                                                         <strong>{{ $message }}</strong>
                                                   </span>
                                                @enderror
                                             </div>
                                          </div>
                                          <div class="col-lg-4">

                                             <div class="mb-2 user_revenue_circle">
                                                <label for="input-7">Revenue Circle</label>
                                                <select name="revenue_circle_id" placeholder="Revenue Circle" class="form-control form-control-rounded">
                                                <option value="">Select Revenue Circle</option>
                                                </select>
                                                @error('revenue_circle_id')
                                                   <span class="invalid-feedback" role="alert">
                                                         <strong>{{ $message }}</strong>
                                                   </span>
                                                @enderror
                                             </div>
                                          </div>
                                          
                                          <div class="col-lg-4">

                                             <div class="form-group">
                                                <label for="input-7">Area of Plot</label>
                                                <input type="text" class="form-control form-control-rounded @error('area_of_plot') is-invalid @enderror" id="input-7" name="area_of_plot" value="" placeholder="Enter Area Of Plot">
                                                
                                                @error('area_of_plot')
                                                <span class="invalid-feedback" role="alert">
                                                   <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                             </div>
                                          </div>
                                          <div class="col-lg-4">

                                             <div class="form-group">
                                                <label for="input-7">Year of issue of Patta</label>
                                                <input type="text" class="form-control form-control-rounded @error('year_of_patta_issue') is-invalid @enderror" id="input-7" name="year_of_patta_issue" value="{{ old('year_of_patta_issue') }}" placeholder="Enter Year of issue of Patta">
                                                @error('year_of_patta_issue')
                                                   <span class="invalid-feedback" role="alert">
                                                         <strong>{{ $message }}</strong>
                                                   </span>
                                                @enderror
                                             </div>
                                          </div>
                                          <div class="col-lg-4">

                                             <div class="form-group">
                                                <label for="input-7">Area of the Plot (in Bigha or Hect)</label>
                                                <div class="radio">
                                                   <input type="radio" name="area_of_plot_unit" id="hectaresR" value="hectares">
                                                   <label for="hectaresR">
                                                      Hectares
                                                   </label>
                                                </div>
                                                <div class="radio">
                                                   <input type="radio" name="area_of_plot_unit" id="BighaR" value="hectares">
                                                   <label for="BighaR">
                                                      Bigha
                                                   </label>
                                                </div>
                                                @error('area_of_plot_unit')
                                                <span class="invalid-feedback" role="alert">
                                                   <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                             </div>
                                          </div>
                                          <div class="col-lg-4">

                                             <div class="form-group">
                                                <label for="input-7">Nature of Patta</label>
                                                <div class="radio">
                                                   <input type="radio" id="annualRadio" class="form-control-rounded @error('nature_of_patta') is-invalid @enderror" name="nature_of_patta" value="Annual">
                                                   <label for="annualRadio">
                                                      Annual
                                                   </label>
                                                </div>
                                                <div class="radio">
                                                   <input type="radio" id="periodicalRadio" class="form-control-rounded @error('nature_of_patta') is-invalid @enderror" name="nature_of_patta" value="Periodical">
                                                   <label for="periodicalRadio">
                                                      Periodical
                                                   </label>
                                                </div>
                                                <div class="radio">
                                                   <input type="radio" id="specialGrantRadio" class="form-control-rounded @error('nature_of_patta') is-invalid @enderror" name="nature_of_patta" value="Special Grant">
                                                   <label for="specialGrantRadio">
                                                      Special Grant
                                                   </label>
                                                </div>
                                                
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>

                              <!-- Details Of plantation in land !-->
                              <div class="panel panel-primary">
                                 <div class="panel-heading" role="tab" id="headingFive_5">
                                    <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion_5" href="#collapseFive_5" aria-expanded="false"
                                             aria-controls="collapseFive_5"> Details of Plantation</a> </h4>
                                 </div>
                                 <div id="collapseFive_5" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive_5">
                                    <div class="panel-body"> 
                                       <div class="row">
                                          <div class="col-lg-12">
                                             <div class="dynamicTable">
                                                <div class="main_div_area">

                                                   <div class="row">
                                                      <div class="col-lg-4">
                                                         <div class="form-group">
                                                            <label for="input-6">Years of Creation</label>
                                                            <input type="text" class="form-control form-control-rounded @error('years_of_creation') is-invalid @enderror" id="years_of_creation" name="add[0][years_of_creation]" value="" placeholder="Enter Years of Creation"  autofocus>
                                                         </div>
                                                      </div>
                                                      <div class="col-lg-4">
                                                         <div class="form-group">
                                                            <label for="input-7">Area</label>
                                                            <input type="text" class="form-control form-control-rounded @error('area') is-invalid @enderror" id="input-7" name="add[0][area]" value="" placeholder="Enter Area">
                                                         </div>
                                                      </div>
                                                      <div class="col-lg-4">
                                                         <div class="form-group">
                                                            <label for="input-7">Species wise no. of trees planted</label>
                                                            <input type="text" class="form-control form-control-rounded @error('no_of_trees') is-invalid @enderror" id="input-7" name="add[0][no_of_trees]" value="" placeholder="Enter Species wise no. of trees planted">
                                                         </div>
                                                      </div>
                                                      <div class="col-lg-4">
                                                         <div class="mb-2">
                                                            <label for="input-7">Species</label>
                                                            <select class="form-control form-control-rounded @error('species_id') is-invalid @enderror" name="add[0][species_id]">
                                                            <option value=""> Select Species </option>
                                                            @foreach($species as $specie)
                                                               <option value="{{ $specie->id }}">{{ $specie->name }} ({{ $specie->scientific_name }})</option>
                                                            @endforeach
                                                            </select>
                                                         </div>
                                                      </div>
                                                      <div class="col-lg-4">
                                                         <div class="form-group">
                                                            <label for="input-7">Spacing</label>
                                                            <input type="text" class="form-control form-control-rounded @error('spacing') is-invalid @enderror" id="input-7" name="add[0][spacing]" value="" placeholder="Enter Spacing">
                                                         </div>
                                                      </div>
                                                      <div class="col-lg-4">
                                                         <div class="form-group">
                                                            <label for="input-7">Average height</label>
                                                            <input type="text" class="form-control form-control-rounded @error('average_height') is-invalid @enderror" id="input-7" name="add[0][average_height]" value="" placeholder="Enter Average height">
                                                         </div>
                                                      </div>
                                                      <div class="col-lg-4">
                                                         <div class="form-group">
                                                            <label for="input-7">Average girth</label>
                                                            <input type="text" class="form-control form-control-rounded @error('average_girth') is-invalid @enderror" id="input-7" name="add[0][average_girth]" value="" placeholder="Enter Average Girth">
                                                         </div>
                                                      </div>
                                                      <div class="col-lg-12">
                                                   
                                                         <div class="form-group">
                                                            <label for="input-7">Boundary description of the plantation area</label>
                                                            <textarea rows="7" col="12" class="form-control form-control-rounded @error('boundary_description') is-invalid @enderror" id="" name="add[0][boundary_description]" placeholder="Enter Boundary description of the plantation area"  autofocus></textarea>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                             
                                             <div class="form-group">
                                                <button type="button" name="add" id="add" class="btn btn-primary btn-sm btn-round">Add More</button>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>

                              <!-- Plantation Documents !-->
                              <div class="panel panel-primary">
                                 <div class="panel-heading" role="tab" id="headingSix_5">
                                    <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion_5" href="#collapseSix_5" aria-expanded="false"
                                             aria-controls="collapseSix_5"> List Of Documents To Be Submitted</a> </h4>
                                 </div>
                                 <div id="collapseSix_5" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix_5">
                                    <div class="panel-body"> 
                                       <div class="row">
                                          <div class="col-sm-12">
                                             <div class="form-group">
                                                <div class="table-responsive">
                                                   <table class="table m-b-0 table-bordered table-striped align-items-center self_attested_land_doc_area" id="self_attested_land_doc_area">
                                                      <thead>
                                                         <tr>
                                                            <th colspan="3">Self-attested Land document/MiyadiPatta/Lease deed of land</th>
                                                            <th class="text-center"><a href="{{URL('/assets/images/documents/plantationdoc.jpg')}}" target="_blank"><button type="button" name=""   id="" class="btn btn-primary btn-simple btn-round btn-sm">View Sample</button></a></th>
                                                         <tr>
                                                      </thead>
                                                      <thead>
                                                         <tr> 
                                                            <th>File (Upload upto 2mb)</th>
                                                            <th>Document Name</th>
                                                            <th>Document Detail</th>
                                                            <th class="text-center">Action</th>
                                                         </tr>
                                                      </thead>
                                                      <tbody>
                                                            
                                                         <tr>
                                                         <input type="hidden" name="column_name[]" value="self_attested_land">
                                                         <td><input type="file" name="document[]" class=" " accept=".png, .jpg, .jpeg"></td>
                                                         <td><input type="text" class="form-control form-control-rounded" id="input-7" name="document_name[]" value="" placeholder="Enter Document Name"></td>
                                                         <td><input type="text" class="form-control form-control-rounded" id="input-7" name="document_detail[]" value="" placeholder="Enter Document Detail"></td>
                                                         <td class="text-center"><button type="button" name="add" id="add_self_attested_land_doc" class="btn btn-primary btn-sm btn-round">Add More</button></td>
                                                         </tr>
                                                      </tbody>
                                                   </table>
                                                </div>
                                             </div>

                                             <div class="form-group">
                                                <div class="table-responsive">
                                                   <table class="table m-b-0 table-bordered table-striped align-items-center self_attested_land_doc_area" id="a_self_attested_land_area">
                                                      <thead>
                                                         <tr>
                                                            <th colspan="3">A Self-attested Land document/MiyadiPatta/Lease deed of land</th>
                                                            <th class="text-center"><a href="{{URL('/assets/images/documents/plantationdoc.jpg')}}" target="_blank"><button type="button" name="" s  id="" class="btn btn-primary btn-sm btn-simple btn-round">View Sample</button></a></th>
                                                         <tr>
                                                      </thead>   
                                                      <thead>
                                                         <tr>
                                                            <th>File (Upload upto 2mb)</th>
                                                            <th>Document Name</th>
                                                            <th>Document Detail</th>
                                                            <th class="text-center">Action</th>
                                                         </tr>
                                                      </thead>
                                                      <tbody>
                                                            <tr>
                                                               <input type="hidden" name="column_name[]" value="a_self_attested_land">
                                                               <td><input type="file" name="document[]" class=" " accept=".png, .jpg, .jpeg"></td>
                                                               <td><input type="text" class="form-control form-control-rounded" id="input-7" name="document_name[]" value="" placeholder="Enter Document Name"></td>
                                                               <td><input type="text" class="form-control form-control-rounded" id="input-7" name="document_detail[]" value="" placeholder="Enter Document Detail"></td>
                                                               <td class="text-center"><button type="button" name="add" id="add_a_self_attested_land_btn" class="btn btn-primary btn-sm btn-round">Add More</button></td>
                                                            </tr>
                                                      </tbody>
                                                   </table>
                                                </div>
                                             </div>


                                             <div class="form-group">
                                                <div class="table-responsive">
                                                   <table class="table m-b-0 table-bordered table-striped align-items-center self_attested_land_doc_area" id="up_to_land_revenue_area">
                                                      <thead>
                                                         <tr>
                                                            <th colspan="3">Up to date land revenue payment receipt</th>
                                                            <th class="text-center"><a href="{{URL('/assets/images/documents/landreceipt.jpg')}}" target="_blank"><button type="button" name=""   id="" class="btn btn-primary btn-sm btn-simple btn-round">View Sample</button></a></th>
                                                         <tr>
                                                      </thead>   
                                                      <thead>
                                                         <tr>
                                                            <th>File (Upload upto 2mb)</th>
                                                            <th>Document Name</th>
                                                            <th>Document Detail</th>
                                                            <th class="text-center">Action</th>
                                                         </tr>
                                                      </thead>
                                                      <tbody>
                                                            <tr>
                                                               <input type="hidden" name="column_name[]" value="up_to_land_revenue">
                                                               <td><input type="file" name="document[]" class=" " accept=".png, .jpg, .jpeg"></td>
                                                               <td><input type="text" class="form-control form-control-rounded" id="input-7" name="document_name[]" value="" placeholder="Enter Document Name"></td>
                                                               <td><input type="text" class="form-control form-control-rounded" id="input-7" name="document_detail[]" value="" placeholder="Enter Document Detail"></td>
                                                               <td class="text-center"><button type="button" name="add" id="add_up_to_land_revenue_btn" class="btn btn-primary btn-sm btn-round">Add More</button></td>
                                                            </tr>
                                                      </tbody>
                                                   </table>
                                                </div>
                                             </div>

                                             <div class="form-group">
                                                <div class="table-responsive">
                                                   <table class="table m-b-0 table-bordered table-striped align-items-center self_attested_land_doc_area" id="registration_details_area">
                                                      <thead>
                                                         <tr>
                                                            <th colspan="3">Registration and/or Ownership details of the Tea Gardens.</th>
                                                            <th class="text-center"><a href="{{URL('/assets/images/documents/landreceipt.jpg')}}" target="_blank"><button type="button" name=""   id="" class="btn btn-primary btn-sm btn-simple btn-round">View Sample</button></a></th>
                                                         <tr>
                                                      </thead>         
                                                      <thead>
                                                         <tr>
                                                            <th>File (Upload upto 2mb)</th>
                                                            <th>Document Name</th>
                                                            <th>Document Detail</th>
                                                            <th class="text-center">Action</th>
                                                         </tr>
                                                      </thead>
                                                      <tbody>
                                                            <tr>
                                                               <input type="hidden" name="column_name[]" value="registration_details">
                                                               <td><input type="file" name="document[]" class=" " accept=".png, .jpg, .jpeg"></td>
                                                               <td><input type="text" class="form-control form-control-rounded" id="input-7" name="document_name[]" value="" placeholder="Enter Document Name"></td>
                                                               <td><input type="text" class="form-control form-control-rounded" id="input-7" name="document_detail[]" value="" placeholder="Enter Document Detail"></td>
                                                               <td class="text-center"><button type="button" name="add" id="add_registration_details_btn" class="btn btn-primary btn-sm btn-round">Add More</button></td>
                                                            </tr>
                                                      </tbody>
                                                   </table>
                                                </div>
                                             </div>

                                             <div class="form-group">
                                                <div class="table-responsive">
                                                   <table class="table m-b-0 table-bordered table-striped receipt_of_application_area" id="receipt_of_application_area">
                                                      <thead>
                                                         <tr>
                                                            <th colspan="3">Receipt of the application fee of Rs. 1000/- (Rupees One Thousand Only) per hectare paid online in the Website/Portal.</th>
                                                            <th class="text-center"><a href="{{URL('/assets/images/documents/cashdepositreceipt.jpg')}}" target="_blank"><button type="button" name="" id="" class="btn btn-primary btn-sm btn-simple btn-round">View Sample</button></a></th>
                                                         <tr>
                                                      </thead>   
                                                      <thead>
                                                         <tr>
                                                            <th>File (Upload upto 2mb)</th>
                                                            <th>Document Name</th>
                                                            <th>Document Detail</th>
                                                            <th class="text-center">Action</th>
                                                         </tr>
                                                      </thead>
                                                      <tbody>
                                                         <tr>
                                                            <input type="hidden" name="column_name[]" value="receipt_of_application">
                                                            <td><input type="file" name="document[]" class=" " accept=".png, .jpg, .jpeg"></td>
                                                            <td><input type="text" class="form-control form-control-rounded" id="input-7" name="document_name[]" value="" placeholder="Enter Document Name"></td>
                                                            <td><input type="text" class="form-control form-control-rounded" id="input-7" name="document_detail[]" value="" placeholder="Enter Document Detail"></td>
                                                            <td class="text-center"><button type="button" name="add" id="add_receipt_of_application_btn" class="btn btn-primary btn-sm btn-round">Add More</button></td>
                                                         </tr>
                                                      </tbody>
                                                   </table>
                                                </div>
                                             </div>


                                             <div class="form-group">
                                                <div class="table-responsive">
                                                   <table class="table m-b-0 table-bordered table-striped species_wise_number_area" id="species_wise_number_area">
                                                      <thead>
                                                         <tr>
                                                            <th colspan="3">Species-wise number and age of standing trees.</th>
                                                            <th class="text-center"><a href="{{URL('/assets/images/documents/specieswiselist.jpg')}}" target="_blank"><button type="button" name=""  id="" class="btn btn-primary btn-sm btn-round btn-simple">View Sample</button></a></th>
                                                         <tr>
                                                      </thead>   
                                                      <thead>
                                                         <tr>
                                                            <th>File (Upload upto 2mb)</th>
                                                            <th>Document Name</th>
                                                            <th>Document Detail</th>
                                                            <th class="text-center">Action</th>
                                                         </tr>
                                                      </thead>
                                                      <tbody>
                                                         <tr>
                                                            <input type="hidden" name="column_name[]" value="species_wise_number">
                                                            <td><input type="file" name="document[]" class=" " accept=".png, .jpg, .jpeg"></td>
                                                            <td><input type="text" class="form-control form-control-rounded" id="input-7" name="document_name[]" value="" placeholder="Enter Document Name"></td>
                                                            <td><input type="text" class="form-control form-control-rounded" id="input-7" name="document_detail[]" value="" placeholder="Enter Document Detail"></td>
                                                            <td class="text-center"><button type="button" name="add" id="add_species_wise_number_btn" class="btn btn-primary btn-sm btn-round">Add More</button></td>
                                                         </tr>
                                                      </tbody>
                                                   </table>
                                                </div>
                                             </div>

                                             <div class="form-group">
                                                <div class="table-responsive">
                                                   <table class="table m-b-0 table-bordered table-striped self_declaration_about_year_area" id="self_declaration_about_year_area">
                                                      <thead>
                                                         <tr>
                                                            <th colspan="3">Self-declaration about the year(s) of creation of plantation.</th>
                                                            <th class="text-center"><a href="{{URL('/assets/images/documents/self-declaration.png')}}" target="_blank"><button type="button" name=""  id="" class="btn btn-primary btn-sm btn-round btn-simple">View Sample</button></a></th>
                                                         <tr>
                                                      </thead>
                                                      <thead>
                                                         <tr>
                                                            <th>File (Upload upto 2mb)</th>
                                                            <th>Document Name</th>
                                                            <th>Document Detail</th>
                                                            <th class="text-center">Action</th>
                                                         </tr>
                                                      </thead>
                                                      <tbody>
                                                            <tr>
                                                               <input type="hidden" name="column_name[]" value="self_declaration_about_year">
                                                               <td><input type="file" name="document[]" class=" " accept=".png, .jpg, .jpeg"></td>
                                                               <td><input type="text" class="form-control form-control-rounded" id="input-7" name="document_name[]" value="" placeholder="Enter Document Name"></td>
                                                               <td><input type="text" class="form-control form-control-rounded" id="input-7" name="document_detail[]" value="" placeholder="Enter Document Detail"></td>
                                                               <td class="text-center"><button type="button" name="add" id="add_self_declaration_about_year_btn" class="btn btn-primary btn-sm btn-round">Add More</button></td>
                                                            </tr>
                                                      </tbody>
                                                   </table>
                                                </div>
                                             </div>


                                             <div class="form-group">
                                                <div class="table-responsive">
                                                   <table class="table m-b-0 table-bordered table-striped geo_tagged_photograph_area" id="geo_tagged_photograph_area">
                                                      
                                                      <thead>
                                                         <tr>
                                                            <th colspan="3">Geo-tagged photographs of the site.</th>
                                                            <th class="text-center"><a href="{{URL('/assets/images/documents/geo-taggedphotos.png')}}" target="_blank"><button type="button" name=""   id="" class="btn btn-primary btn-simple btn-sm btn-round">View Sample</button></a></th>
                                                         </tr>
                                                      </thead>
                                                      <thead>
                                                         <tr>
                                                            <th>File (Upload upto 2mb)</th>
                                                            <th>Document Name</th>
                                                            <th>Document Detail</th>
                                                            <th class="text-center">Action</th>
                                                         </tr>
                                                      </thead>
                                                      <tbody>
                                                            <tr>
                                                               <input type="hidden" name="column_name[]" value="geo_tagged_photograph">
                                                               <td><input type="file" name="document[]" class=" " accept=".png, .jpg, .jpeg"></td>
                                                               <td><input type="text" class="form-control form-control-rounded" id="input-7" name="document_name[]" value="" placeholder="Enter Document Name"></td>
                                                               <td><input type="text" class="form-control form-control-rounded" id="input-7" name="document_detail[]" value="" placeholder="Enter Document Detail"></td>
                                                               <td class="text-center"><button type="button" name="add" id="add_geo_tagged_photograph_btn" class="btn btn-primary btn-sm btn-round">Add More</button></td>
                                                            </tr >
                                                      </tbody>
                                                   </table>
                                                </div>
                                             </div>

                                                

                                             <div class="form-group">
                                                <div class="table-responsive">
                                                   <table class="table m-b-0 table-bordered table-striped proof_of_distance_area" id="proof_of_distance_area">
                                                      <thead>
                                                         <tr>
                                                            <th colspan="3">Proof of distance of the plantation from nearest forest such as google map/KML/KMZ/SHP etc.</th>
                                                            <th class="text-center"><a href="{{URL('/assets/images/documents/geotagged.png')}}" target="_blank"><button type="button" name=""  id="" class="btn btn-primary btn-sm btn-round btn-simple">View Sample</button></a></th>
                                                         <tr>
                                                      </thead>
                                                      <thead>
                                                         <tr>
                                                            <th>File (Upload upto 2mb)</th>
                                                            <th>Document Name</th>
                                                            <th>Document Detail</th>
                                                            <th class="text-center">Action</th>
                                                         </tr>
                                                      </thead>
                                                      <tbody>
                                                         <tr>
                                                            <input type="hidden" name="column_name[]" value="proof_of_distance">
                                                            <td><input type="file" name="document[]" class=" " accept=".png, .jpg, .jpeg"></td>
                                                            <td><input type="text" class="form-control form-control-rounded" id="input-7" name="document_name[]" value="" placeholder="Enter Document Name"></td>
                                                            <td><input type="text" class="form-control form-control-rounded" id="input-7" name="document_detail[]" value="" placeholder="Enter Document Detail"></td>
                                                            <td class="text-center"><button type="button" name="add" id="add_proof_of_distance_btn" class="btn btn-primary btn-sm btn-round">Add More</button></td>
                                                         </tr>
                                                      </tbody>
                                                   </table>
                                                </div>
                                             </div>


                                             <div class="form-group">
                                                <div class="table-responsive">
                                                   <table class="table m-b-0 table-bordered table-striped signature_of_pattadar_area" id="signature_of_pattadar_area">
                                                      <thead>
                                                         <tr>
                                                            <th colspan="3">Signature of the Pattadar(s) (with date)</th>
                                                            <th class="text-center"><a href="{{URL('/assets/images/documents/pattaland.png')}}" target="_blank"><button type="button" name=""  id="" class="btn btn-primary btn-sm btn-round btn-simple">View Sample</button></a></th>
                                                         <tr>
                                                      </thead>
                                                      <thead>
                                                         <tr>
                                                            <th>File (Upload upto 2mb)</th>
                                                            <th>Document Name</th>
                                                            <th>Document Detail</th>
                                                            <th class="text-center">Action</th>
                                                         </tr>
                                                      </thead>
                                                      <tbody>
                                                            <tr>
                                                               <input type="hidden" name="column_name[]" value="signature_of_pattadar">
                                                               <td><input type="file" name="document[]" class=" " accept=".png, .jpg, .jpeg"></td>
                                                               <td><input type="text" class="form-control form-control-rounded" id="input-7" name="document_name[]" value="" placeholder="Enter Document Name"></td>
                                                               <td><input type="text" class="form-control form-control-rounded" id="input-7" name="document_detail[]" value="" placeholder="Enter Document Detail"></td>
                                                               <td class="text-center"><button type="button" name="add" id="add_signature_of_pattadar_btn" class="btn btn-primary btn-sm btn-round">Add More</button></td>
                                                            </tr>
                                                      </tbody>
                                                   </table>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <!-- Plantation Notes !-->
                              <div class="panel panel-primary">
                                 <div class="panel-heading" role="tab" id="headingSeven_5">
                                    <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion_5" href="#collapseSeven_5" aria-expanded="false"
                                             aria-controls="collapseSeven_5"> Plantation Notes</a> </h4>
                                 </div>
                                 <div id="collapseSeven_5" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSeven_5">
                                    <div class="panel-body"> 
                                       <div class="row">
                                          <div class="col-sm-12">
                                                <div class="form-group">
                                                <label for="input-6">Remarks</label>
                                                <textarea rows="7" col="12" class="form-control form-control-rounded @error('remarks') is-invalid @enderror" id="remarks" name="remarks" placeholder="Enter Remarks"  autofocus>{{ old('remarks') }}</textarea>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <input type="hidden" name="is_completed" class="is_completed" value="">
                              <div class="form-group">
                                 <button type="submit" class="btn btn-primary btn-sm btn-round save_preview_btn">Save & Preview</button>
                                 <button type="submit" class="btn btn-primary btn-sm btn-round save_btn">Submit</button>
                              </div>
                           </div>
                        </form>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="container-fluid">
      <div class="row">
         <div class="col-lg-12 col-md-12 col-sm-12">
            @include('layouts.footer')
         </div>
      </div>
   </div>
</scetion>
<script>
   var i = 0;
   $("#add").click(function(){
      ++i;
      $(".dynamicTable").append('<hr></hr><div class="main_div_area"><button type="button" class="btn btn-danger btn-sm btn-round remove-tr btn-remove-btn btn-icon  btn-icon-mini  " style="padding:7px" title="remove" ><i class="material-icons">remove_circle_outline</i></button><div class="form-group"><label for="input-6">Years of Creation</label><input type="text" class="form-control form-control-rounded" id="years_of_creation" name="add['+i+'][years_of_creation]" value="" placeholder="Enter Years of Creation"></div><div class="form-group"><label for="input-7">Area</label><input type="text" class="form-control form-control-rounded" id="input-7" name="add['+i+'][area]" value="" placeholder="Enter Area"></div><div class="form-group"><label for="input-7">Species wise no. of trees planted</label><input type="text" class="form-control form-control-rounded" id="input-7" name="add['+i+'][no_of_trees]" value="" placeholder="Enter Species wise no. of trees planted"></div><div class="form-group"><label for="input-7">Species</label><select class="form-control form-control-rounded @error('species_id') is-invalid @enderror" name="add['+i+'][species_id]"><option value=""> Select Species </option>@foreach($species as $specie)<option value="{{ $specie->id }}">{{ $specie->name }} ({{ $specie->scientific_name }})</option>@endforeach</select></div><div class="form-group"><label for="input-7">Spacing</label><input type="text" class="form-control form-control-rounded" id="input-7" name="add['+i+'][spacing]" value="" placeholder="Enter Spacing"></div><div class="form-group"><label for="input-7">Average height</label><input type="text" class="form-control form-control-rounded" id="input-7" name="add['+i+'][average_height]" value="" placeholder="Enter Average height"></div><div class="form-group"><label for="input-7">Average girth</label><input type="text" class="form-control form-control-rounded" id="input-7" name="add['+i+'][average_girth]" value="" placeholder="Enter Average Girth"></div><div class="form-group"><label for="input-7">Boundary description of the plantation area</label><textarea rows="7" col="12" class="form-control form-control-rounded" name="add['+i+'][boundary_description]" placeholder="Enter Boundary description of the plantation area"></textarea></div></div>');
   });
</script>
@endsection