@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>Edit DPR
        <small>Welcome to WBI</small>
        </h2>
      </div>            
      <div class="col-lg-7 col-md-7 col-sm-12 text-right">
         
        <ul class="breadcrumb float-md-right">
        <li class="breadcrumb-item"><a href="/"><i class="zmdi zmdi-home"></i>ASSAM-WBI</a></li>
        <li class="breadcrumb-item active">Edit DPR</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>Edit </strong> DPR 
					<!-- <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">
            <form method="POST" name="myForm" action="{{ route('dpr-report.update',$dpr_report->id) }}" enctype="multipart/form-data" onsubmit="return validateForm()">
            @csrf
            @method('PUT')
			<div class="row">
				<div class="col-lg-6">
					<div class="">
						<label for="input-6">Division <span class="text-danger">*</span></label>
						<select class="form-control form-control-rounded division_id @error('division_id') is-invalid @enderror" id="division_id" name="division_id">
						<option value="">Select Division</option>
						@foreach($divisions as $division)
						<option value="{{ $division->id }}" @if($dpr_report->division_id == $division->id) selected @endif>{{ $division->name }}</option>
						@endforeach
						</select>
						@error('division_id')
						<span class="invalid-feedback" role="alert">
							<strong>{{ $message }}</strong>
						</span>
						@enderror

            <span class="text-danger"><strong class="division_error"></strong></span>
					</div>
				</div>
				
				<div class="col-lg-6">
					<div class="form-group">
						<label for="input-6">Industry Type <span class="text-danger">*</span></label>
						<select class="form-control form-control-rounded industry_type @error('industry_type') is-invalid @enderror" id="industry_type" name="industry_type">
						<option value="">Select Industry Type</option>
                        @foreach($industry_types as $industry_type)
						<option value="{{ $industry_type->id }}" @if($dpr_report->industry_type == $industry_type->id) selected @endif>{{ $industry_type->name }}</option>
						@endforeach
                        </select>

                        @error('industry_type')
						<span class="invalid-feedback" role="alert">
							<strong>{{ $message }}</strong>
						</span>
						@enderror

            <span class="text-danger"><strong class="industry_type_error"></strong></span>
					</div>
				</div>
			</div>

            <div class="row">
                <div class="col-lg-6">
                    <div class="form-group">
                    <label for="input-6">Application Type <span class="text-danger">*</span></label>
                    <select class="form-control form-control-rounded application_type @error('application_type') is-invalid @enderror" id="application_type" name="application_type">
                    <option value="">Select Application Type</option>
                    @foreach($application_type_masters as $application_type_master)
                    <option value="{{ $application_type_master->id }}" @if($dpr_report->application_type == $application_type_master->id) selected @endif>{{ $application_type_master->application_type }}</option>
                    @endforeach
                    </select>

                    @error('application_type')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror

                    <span class="text-danger"><strong class="application_type_error"></strong></span>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="form-group">
                    <label for="input-8">DPR Document (PDF Format only)<span class="text-danger">*</span></label> <a href="{{URL('/assets/images/documents/dpr-report.pdf')}}" target="_blank"><button type="button" name=""   id="" class="btn btn-primary btn-simple btn-round btn-sm" style="float: right;">View Sample</button></a>
                    <br>
                    <iframe src="/storage/{{ $dpr_report->upload_filename }}" width="100%" height="450px"></iframe>
                    <br>
                    <input type="file" name="dpr_doc" class="form-control form-control-rounded @error('dpr_doc') is-invalid @enderror" id="file" accept=".pdf">
                    @error('dpr_doc')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror

                    <span class="text-danger"><strong class="file_error"></strong></span>
                    </div>
                </div>
            </div>

            <div class="form-group">
              <button type="submit" class="btn btn-primary btn-sm btn-round">Update</button>
            </div>
          </form>
        </div>
      </div>
    </div></div>
    <div class="row">
			<div class="col-lg-12 col-md-12 col-sm-12">
        @include('layouts.footer')
      </div>
    </div>
  </div>
</section>

<script>

function validateForm() {
 var division_id = document.forms["myForm"]["division_id"].value;
 var industry_type = document.forms["myForm"]["industry_type"].value;
 var application_type = document.forms["myForm"]["application_type"].value;


var inputElement = document.getElementById('file');
var files = inputElement.files;
 
 if (division_id != '' && industry_type != '' && application_type != '') 
 {
    if(files.length > 0){
        var filename = files[0].name;

        /* getting file extenstion eg- .jpg,.png, etc */
        var extension = filename.substr(filename.lastIndexOf("."));

        /* define allowed file types */
        var allowedExtensionsRegx = /(\.pdf)$/i;

        /* testing extension with regular expression */
        var isAllowed = allowedExtensionsRegx.test(extension);

        if(!(isAllowed))
        {
            resetErrorMsg();
            $(".file_error").html("Invalid DPR Document File Type");
            return false;
        }
        
    }
    else
    {
      return true;
    }
    
 }
 else
 {
    if (division_id == "" || division_id == null) {
    resetErrorMsg();
    $(".division_error").html('Please Select Division');
    document.myForm.division_id.focus();
    return false;
    }
    else if (industry_type == "" || industry_type == null) {
    resetErrorMsg();
    $(".industry_type_error").html('Please Select Industry Type');
    document.myForm.industry_type.focus();
    return false;
    }
    else if (application_type == "" || application_type == null) {
    resetErrorMsg();
    $(".application_type_error").html('Please Select Application Type');
    document.myForm.application_type.focus();
    return false;
    }
 }
}

function resetErrorMsg(){
$(".division_error").html('');
$(".industry_type_error").html('');
$(".application_type_error").html('');
}
</script>
@endsection