@extends('frontend.layouts.app')

@section('content')
    <style type="text/css">
        .page-header {
            position: relative;
            display: flex;
            align-items: center;
            background-color: wheat;
            background-position: 0 0;
            background-size: 100%;
            min-height: 80px;
            padding: 0
        }

        .head-text {
            margin: 0;
            font-size: 20px
        }
    </style>
    <div class="page-header">
        <div class="container pl-2 pl-md-5 text-center">
            <h1 class="head-text">We are looking for another brick in the wall. Come and help building Atmanirbhar
                Bharat !</h1>
        </div>
    </div>
    <div class="section-block enq_form pt-4 bg-light">
        <div class="container">
            @if(session()->has('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <strong>Thank You ! </strong> {{ session('success') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif
            <div class="card  mb-3">
                <div class="card-header text-info" style="padding: .75rem 1.25rem !important;">
                    {{ 'For the post : ' . strtoupper($career->name) }}
                </div>
                <div class="card-body">
                    <form action="{{ route('careers.resumes.store', $career) }}" method="post"
                          enctype="multipart/form-data">
                        @csrf
                        <div class="form-row">
                            <div class="col-md-3 mb-3">
                                <label for="first_name">First Name *</label>
                                <input type="text" placeholder="What should we call you?"
                                       class="form-control"
                                       name="first_name" id="first_name" value="{{ old('first_name') }}"/>
                                @error('first_name')
                                <small class="form-text text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="col-md-3 mb-3">
                                <label for="last_name">Last Name *</label>
                                <input type="text" placeholder="What should we call you?"
                                       class="form-control"
                                       name="last_name" id="last_name" value="{{ old('last_name') }}"/>
                                @error('last_name')
                                <small class="form-text text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="col-md-3 mb-3">
                                <label for="current_ctc">Email *</label>
                                <input type="email" placeholder="Where should we email you back?"
                                       class="form-control" name="email" id="email"
                                       value="{{ old('email') }}"/>
                                @error('email')
                                <small class="form-text text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="col-md-3 mb-3">
                                <label for="mobile">Contact Number <span>*</span></label>
                                <input type="text" placeholder="Where should we call you?"
                                       class="form-control"
                                       name="mobile" maxlength="10" minlength="10" id="mobile"
                                       value="{{ old('mobile') }}"/>
                                @error('mobile')
                                <small class="form-text text-danger">{{ $message }}</small>
                                @enderror
                            </div>

                        </div>
                        <div class="form-row">
                            <div class="col-md-3 mb-3">
                                <label for="experience">Experience (In years) <span>*</span></label>
                                <select name="experience" id="experience" class="form-control">
                                    <option value="" style="display: none;">Select Experience</option>
                                    <option value="Fresher" @if(old('experience') == 'Fresher') selected @endif >
                                        Fresher
                                    </option>
                                    @foreach (range(1,15) as $year)
                                        <option value="{{ $year }}"
                                                @if(old('experience') == $year) selected @endif >{{ $year }}</option>
                                    @endforeach
                                </select>
                                @error('experience')
                                <small class="form-text text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="col-md-3 mb-3">
                                <label for="previous_organisation">Previous Organisation Name</label>
                                <input type="text" class="form-control" id="previous_organisation"
                                       name="previous_organisation"
                                       placeholder="Previous Organisation Name"
                                       value="{{ old('previous_organisation') }}">
                                @error('previous_organisation')
                                <small class="form-text text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="col-md-3 mb-3">
                                <label for="current_ctc">Current CTC * (in lacs)</label>
                                <input type="number" class="form-control" id="current_ctc" name="current_ctc" min="1"
                                       step=".01"
                                       placeholder="Example: 5.5 " value="{{ old('current_ctc') }}">
                                @error('current_ctc')
                                <small class="form-text text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="col-md-3 mb-3">
                                <label for="expected_ctc">Expected CTC * (in lacs)</label>
                                <input type="number" class="form-control" id="expected_ctc" name="expected_ctc" min="1"
                                       step=".01"
                                       placeholder="Example: 5.5 " value="{{ old('expected_ctc') }}">
                                @error('expected_ctc')
                                <small class="form-text text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                        <div class="form-row">

                            <div class="col-md-3 mb-3">
                                <label for="location">Location *</label>
                                <input type="text" class="form-control" id="location" name="location"
                                       placeholder="Preferable location" value="{{ old('location') }}">
                                @error('location')
                                <small class="form-text text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="col-md-3 mb-3">
                                <label for="designation">Designation *</label>
                                <input type="text" class="form-control" id="designation" name="designation"
                                       placeholder="Designation" value="{{ old('designation') }}">
                                @error('designation')
                                <small class="form-text text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="col-md-3 mb-3">
                                <label for="designation">Highest Education *</label>
                                <select name="highest_education" id="highest_education" class="form-control">
                                    <option value="" style="display: none;">Select Education Level</option>
                                    <option value="Matriculation"
                                            @if(old('highest_education') == 'Matriculation') selected @endif>Matriculation
                                    </option>
                                    <option value="Intermediate"
                                            @if(old('highest_education') == 'Intermediate') selected @endif >Intermediate
                                    </option>
                                    <option value="Graduate" @if(old('highest_education') == 'Graduate') selected @endif >
                                        Graduate
                                    </option>
                                    <option value="Post Graduate"
                                            @if(old('highest_education') == 'Post Graduate') selected @endif >Post Graduate
                                    </option>
                                </select>
                                @error('designation')
                                <small class="form-text text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="col-md-3 mb-3">
                                <label for="institution_name">Institution Name *</label>
                                <input type="text" class="form-control" id="institution_name" name="institution_name"
                                       placeholder="Institution Name" value="{{ old('institution_name') }}">
                                @error('institution_name')
                                <small class="form-text text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                        <div class="form-row">

                            <div class="col-md-4 mb-3">
                                <label for="resume">Attach Resume *</label>
                                <div class="custom-file">
                                    <input type="file" class="custom-file-input" id="resume" name="resume">
                                    <label class="custom-file-label" for="Resume">Choose file</label>
                                </div>
                                @error('resume')
                                <small class="form-text text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>

                        <button class="btn btn-base-1 pull-right" type="submit">Submit form</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection

@push('script')
    <script src="{{ asset('js/bs-custom-file-input.min.js') }}"></script>
    <script>
        $(document).ready(function () {
            bsCustomFileInput.init()
        })
    </script>
@endpush