@extends('backend.layouts.app')
@section('backend_title', 'Admin Brand Create')

@section('backend_content')

    <form action="{{ route('employeeStore') }}" method="POST" enctype="multipart/form-data">
        @csrf
        <input type="hidden" method="post">
        <div class="row">
            <div class="col-md-6">
                <div class="row">
                    <h4>Official Information</h4>
                    <div class="col-md-5">
                        <div class="form-group">
                            <input type="text" class="form-control" name="employee_name" id=""
                                placeholder="employee full name" value="{{ old('employee_name') }}" required>
                            @error('employee_name')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-5 mt-sm-0">
                        <select class="form-control" name="department" id="department" required>
                            <option value="" selected="">Select Department</option>
                            @isset($departmentList)
                                @foreach ($departmentList as $item)
                                    <option value="{{ $item->id }}" {{ old('department') == $item->id ? 'selected' : '' }}>
                                        {{ $item->name }}</option>
                                @endforeach
                            @endisset
                        </select>
                    </div>

                </div>
                <div class="row">

                    <div class="col-md-5 mt-sm-0">
                        <select class="form-control" name="designation" id="designation" required>
                            <option value="" selected="">Select Designation</option>
                            @isset($designationList)
                                @foreach ($designationList as $item)
                                    <option value="{{ $item->id }}" {{ old('designation') == $item->id ? 'selected' : '' }}>
                                        {{ $item->designation }}</option>
                                @endforeach
                            @endisset
                        </select>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group">
                            <div class="d-flex justify-content-between">
                                <label for="" class="mt-2 me-2">DOJ</label>
                                <input type="date" class="form-control" placeholder="Date of joining" name="doj"
                                    id="doj" value="{{ old('doj') }}">
                                @error('doj')
                                    <div class="form-text text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-5">
                        <div class="form-group has-success">
                            <input type="number" placeholder="Basic salary" name="basic_salary" id="basic_salary"
                                class="form-control" value="{{ old('basic_salary') }}" required />
                            @error('basic_salary')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-5">
                        <select class="form-control" name="mra" id="mra" required>
                            <option value="" selected="">Payment Receive Access</option>
                            <option value="1" {{ old('status') == '1' ? 'selected' : '' }}>Yes</option>
                            <option value="0" {{ old('status') == '0' ? 'selected' : '' }}>No</option>
                        </select>
                    </div>
                </div>
            </div>


            <div class="col-md-6">
                <div class="row">
                    <h4>Contact Information</h4>
                    <div class="col-md-5">
                        <div class="form-group">
                            <input type="email" class="form-control" name="email" id="email" placeholder="E-mail"
                                value="{{ old('email') }}" required>
                            @error('email')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group">
                            <input type="email" placeholder="alternative email" name="alternative_email"
                                id="alternative_email" value="{{ old('alternative_email') }}" class="form-control" />
                            @error('alternative_email')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-5">
                        <div class="form-group">
                            <input type="number" name="phone" id="phone" class="form-control"
                                placeholder="Phone number" value="{{ old('phone') }}" required>
                            @error('phone')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group">
                            <div class="input-group">
                                <input type="number" class="form-control" name="emergency_contact" id="emergency_contact"
                                    value="{{ old('emergency_contact') }}" placeholder="Emergency Contact">
                                @error('emergency_contact')
                                    <div class="form-text text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-5">
                        <div class="form-group has-success">
                            <textarea class="form-control" name="present_address" id="present_address" cols="33" rows="2"
                                placeholder="Present address">{{ old('present_address') }}</textarea>
                            @error('present_address')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group has-danger">
                            <textarea class="form-control" name="permanent_address" id="permanent_address" cols="33" rows="2"
                                placeholder="Permanent Adress">{{ old('permanent_address') }}</textarea>
                            @error('permanent_address')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
            </div>


            <div class="col-md-6">
                <div class="row">
                    <h4>Personal Information</h4>
                    <div class="col-md-5">
                        <div class="form-group">
                            <input type="text" class="form-control" name="father_name" id="father_name"
                                placeholder="Father's name" value="{{ old('father_name') }}" required>
                            @error('father_name')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group">
                            <input type="text" class="form-control" name="mother_name" id="mother_name"
                                placeholder="Mother's name" value="{{ old('mother_name') }}" required>
                            @error('mother_name')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-5 mt-sm-0">
                        <select class="form-control" name="marital_status" id="marital_status" required>
                            <option value="" selected="">Select marital status</option>
                            <option value="married" {{ old('marital_status') == 'married' ? 'selected' : '' }}>Married
                            </option>
                            <option value="single" {{ old('marital_status') == 'single' ? 'selected' : '' }}>Single
                            </option>
                        </select>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" name="spouse_name" id="spouse_name" class="form-control"
                                    placeholder="Spouse name (If)" value="{{ old('spouse_name') }}">
                                @error('spouse_name')
                                    <div class="form-text text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-5">
                        <div class="form-group has-success">
                            <input type="text" name="nid_number" id="nid_number" placeholder="NID number"
                                class="form-control" value="{{ old('nid_number') }}" />
                            @error('nid_number')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group has-danger">
                            <div class="d-flex justify-content-between">
                                <label for="" class="mt-2 me-2">DOB</label>
                                <input type="date" name="dob" id="dob" placeholder="Date of birth"
                                    class="form-control" value="{{ old('dob') }}" />
                                @error('dob')
                                    <div class="form-text text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="col-md-5 mt-sm-0">
                        <select class="form-control" name="religion" id="religion" required>
                            <option value="" selected="">Select Religion</option>
                            <option value="islam" {{ old('religion') == 'islam' ? 'selected' : '' }}>Islam</option>
                            <option value="hinduism" {{ old('religion') == 'hinduism' ? 'selected' : '' }}>Hinduism
                            </option>
                            <option value="buddhoism" {{ old('religion') == 'buddhoism' ? 'selected' : '' }}>Buddhoism
                            </option>
                            <option value="kristian" {{ old('religion') == 'kristian' ? 'selected' : '' }}>Kristian
                            </option>
                        </select>
                    </div>

                    <div class="col-md-5 mt-sm-0">
                        <select class="form-control" name="gender" id="gender" required>
                            <option value="" selected="">Select Gender</option>
                            @isset($genderList)
                                @foreach ($genderList as $item)
                                    <option value="{{ $item->id }}" {{ old('gender') == $item->id ? 'selected' : '' }}>
                                        {{ $item->gender }}</option>
                                @endforeach
                            @endisset
                        </select>
                    </div>

                    <div class="col-md-5 mt-3">
                        <div class="form-group has-danger">
                            <input type="text" name="blood_group" id="blood_group" placeholder="Blood Group"
                                class="form-control" value="{{ old('blood_group') }}" />
                            @error('blood_group')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-5 mt-3">
                        <div class="form-group has-danger">
                            <div class="d-flex justify-content-between">
                                <label for="" class="mt-2 me-2">Image</label>
                                <input oninput="img.src=window.URL.createObjectURL(this.files[0])", name="image"
                                    id="image" type="file" class="ms-0 form-control"
                                    value="{{ old('image') }}">
                            </div>
                            <div class="mt-1 ms-5">
                                <img id="img" src="" class="img-thumbnail form-control" alt=""
                                    style="width:120px; max-height: 100px;border: none; outline:none; background:transparent;">
                            </div>
                            @error('image')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                </div>
            </div>


            <div class="col-md-6">
                <div class="row">
                    <h4>Educational Information</h4>
                    <div class="col-md-5">
                        <div class="form-group">
                            <input type="text" class="form-control" name="last_degree" id="last_degree"
                                placeholder="Last educational degree" value="{{ old('last_degree') }}">
                            @error('last_degree')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group">
                            <input type="text" name="major" id="major" placeholder="Major subject/group"
                                class="form-control" value="{{ old('major') }}" />
                            @error('major')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-5">
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" name="passing_year" id="passing_year" class="form-control"
                                    placeholder="Year of passing" value="{{ old('passing_year') }}">
                                @error('passing_year')
                                    <div class="form-text text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" name="result" id="result" class="form-control"
                                    placeholder="GPA" value="{{ old('result') }}">
                                @error('result')
                                    <div class="form-text text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-5">
                        <div class="form-group has-success">
                            <input type="text" name="institute_name" id="institute_name"
                                placeholder="Institute/University name" class="form-control"
                                value="{{ old('institute_name') }}" />
                            @error('institute_name')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group has-danger">
                            <input type="text" name="institute" id="institute" class="form-control"
                                placeholder="Institute/Board" value="{{ old('institute') }}">
                            @error('institute')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-5">
                        <div class="form-group has-danger">
                            <input type="text" name="duration" id="duration" class="form-control"
                                placeholder="Duration (Years)" value="{{ old('duration') }}">
                            @error('duration')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-10">
                        <select class="form-control" name="status" id="status" required>
                            <option value="" selected="">Employee Status</option>
                            <option value="1" {{ old('status') == '1' ? 'selected' : '' }}>Active</option>
                            <option value="0" {{ old('status') == '0' ? 'selected' : '' }}>Inactive</option>
                        </select>
                    </div>

                </div>
            </div>


            <div class="col-md-12 mt-3">
                <button type="submit" class="btn btn-primary bg-info">Save</button>
                <a href="{{ route('employee_list') }}" class="btn btn-primary">Return List</a>
            </div>
        </div>

    </form>


    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const categorySelect = new Choices('#designation', {
                searchEnabled: true,
                itemSelectText: '',
            });
        });

        document.addEventListener('DOMContentLoaded', function() {
            const categorySelect = new Choices('#department', {
                searchEnabled: true,
                itemSelectText: '',
            });
        });

        document.addEventListener('DOMContentLoaded', function() {
            const categorySelect = new Choices('#marital_status', {
                searchEnabled: true,
                itemSelectText: '',
            });
        });

        document.addEventListener('DOMContentLoaded', function() {
            const categorySelect = new Choices('#religion', {
                searchEnabled: true,
                itemSelectText: '',
            });
        });

        document.addEventListener('DOMContentLoaded', function() {
            const categorySelect = new Choices('#gender', {
                searchEnabled: true,
                itemSelectText: '',
            });
        });

        document.addEventListener('DOMContentLoaded', function() {
            const categorySelect = new Choices('#status', {
                searchEnabled: true,
                itemSelectText: '',
            });
        });

        document.addEventListener('DOMContentLoaded', function() {
            const categorySelect = new Choices('#mra', {
                searchEnabled: true,
                itemSelectText: '',
            });
        });
    </script>
@endsection

@section('beackend_scripts')

@endsection