@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 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">Add 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>Add </strong> DPR</h2>
                            <!-- <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 action="{{ route('dpr-report.store') }}" method="POST" name="myForm" enctype="multipart/form-data" onsubmit="return validateForm()">
                                @csrf
                                <input type="hidden" name="form_id" value="9">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="mb-2">
                                            <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(old('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="mb-2">
                                            <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(old('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="mb-2">
                                            <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(old('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="mb-2">
                                            <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>
                                            <input type="file" name="dpr_doc" id="file"
                                                   class="form-control dpr_doc form-control-rounded @error('dpr_doc') is-invalid @enderror"
                                                   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">Save</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)
    {
        resetErrorMsg();
        $(".file_error").html('Please Upload File');
        //document.myForm.application_type.focus();
        return false;   
    }
    else 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