@extends('layout.index')
@section('title', 'Remove Farmers From Rejected List')

<!-- Dashboard Ecommerce start -->
@section('content')
<section>
    <div class="content-header row">
        <div class="content-header-left col-md-6 col-12 mb-2">
            <div class="row breadcrumbs-top">
                <div class="col-12 d-flex">
                    <h2 class="content-header-title float-start mb-0">Remove Farmers From Rejected List</h2>
                </div>
            </div>
        </div>
      
		<div class="col-md-6"></div>
    </div>       
</section>
<section>
    @if ($message = Session::get('success'))
        <div class="demo-spacing-0 mb-1">
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <div class="alert-body">
                    <i class="fa fa-check-circle" style="font-size:16px;" aria-hidden="true"></i>
                    {!! $message !!}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                </div>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        </div>
    @elseif ($message = Session::get('error'))
        <div class="demo-spacing-0 mb-1">
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <div class="alert-body">
                    <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
                    {!! $message !!}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                </div>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        </div>
    @endif
 
    <div class="content-body">
        <section id="multiple-column-form">
            <div class="row justify-content-center">
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-body">
                        <form class="form" id="" action="" method="post" enctype="multipart/form-data">
                            {{ csrf_field() }}    
                            <input type="hidden" name="form_type" value="remove_rejected_farmers">
                            
                            <div class="row">
                                <div class="col-md-3 col-12">
                                    <div class="form-group">
                                        <label for="country-column">Select Country <span style="color:red;">*</span></label>
                                        
                                        <select name="country" id="country" class="form-control form-select">
                                            <option value="" >Select Country</option>
                                                                                    </select>
                                        @error('country')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                        <h5><small class="text-danger" id="country_err"></small></h5>
                                    </div>
                                </div>
                                
                                <div class="col-md-3 col-12">
                                    <div class="form-group">
                                        <label for="farmer_file">Upload CSV File <span style="color:red;">*</span></label>
                                        <input type="file" id="farmer_file" name="farmer_file" class="form-control ">
                                        @if ($errors->has('farmer_file'))
                                            <span class="text-danger">{{ $errors->first('farmer_file') }}</span>
                                        @endif
                                        <h5><small class="text-danger" id="farmer_file_err"></small></h5>
                                    </div>
                                </div>
                                
                                <div class="col-md-3 col-12" style="margin-top:23px">
                                    <div class="form-group">
                                        <button type="submit" id="uplodebtn" class="btn btn-primary" onClick="return validate()">Upload</button>
                                    </div>
                                </div>

                                <div class="col-md-3 col-12" style="margin-top:23px;">
                                    <div class="form-group float-lg-right mr-1" >
                                        <a href="{{ url('remove_rejected_farmers/download_sample_file') }}" class="btn btn-danger text-white">Download Sample</a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        <!-- Bordered table end -->
    </div>

</section>

@endsection

<script>
    function validate(){
        if($('#country').val() == ''){
            $('#country_err').html('Please select country');
            return false;
        } else {
            $('#country_err').html('');
        }

        if($('#farmer_file').val() == ''){
            $('#farmer_file_err').html('Please upload file');
            return false;
        } else {
            $('#farmer_file_err').html('');
        }

        $('#uplodebtn').css({'pointer-events': 'none', 'opacity': '0.5'}).blur();
        
		return true;
    }
</script>