@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
@include('layouts.navbars.auth.topnav', ['title' => $title])

<div class="container-fluid py-4">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <form role="form" method="POST" action="{{ route('save_faculty') }}" enctype="multipart/form-data">
                    @csrf
                    <div class="card-header pb-0">
                        <div class="d-flex justify-content-between align-items-center">
                            <h5>Faculty Information</h5> <!-- Added a title for context -->
                            <div>
                                <button type="submit" class="btn btn-primary btn-sm ms-2">Save</button>
                                <a href="{{ route('faculty') }}" class="btn btn-secondary btn-sm ms-2">Cancel</a>
                                <!-- Cancel Button with redirect -->
                            </div>
                        </div>
                    </div>

                    <div class="card-body">
                        <p class="text-uppercase text-sm">Faculty Information</p>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="firstname" class="form-control-label">First Name</label><span class="text-danger fw-bold">*</span>
                                    <input class="form-control" type="text" name="firstname" id="firstname"
                                    value="{{ old('firstname') }}" required>
                                        {{-- {{ old('name', '') }} --}}
                                    @if ($errors->has('firstname'))
                                        <sup class="text-danger">{{ $errors->first('firstname') }}</sup>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="lastname" class="form-control-label">Last Name</label><span class="text-danger fw-bold">*</span>
                                    <input class="form-control" type="text" name="lastname" id="lastname"
                                    value="{{ old('lastname') }}" required>
                                        {{-- {{ old('name', '') }} --}}
                                    @if ($errors->has('lastname'))
                                        <sup class="text-danger">{{ $errors->first('lastname') }}</sup>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="dob" class="form-control-label">DOB</label><span class="text-danger fw-bold">*</span>
                                    <input class="form-control" type="date" name="dob" id="dob"
                                    value="{{ old('dob') }}" required>
                                        {{-- {{ old('name', '') }} --}}
                                    @if ($errors->has('dob'))
                                        <sup class="text-danger">{{ $errors->first('dob') }}</sup>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="cms_gender_sid" class="form-control-label">Gender</label><span class="text-danger fw-bold">*</span>
                                    <select class="form-control select2" name="cms_gender_sid" id="cms_gender_sid" required>
                                        <option value="">Select Gender</option>
                                        @foreach($gender as $gend)
                                            <option value="{{ $gend->cms_gender_sid }}"
                                                {{ old('cms_gender_sid', $faculty->cms_gender_sid ?? '') == $gend->cms_gender_sid ? 'selected' : '' }}>
                                                {{ $gend->gender_name }} <!-- Adjust to the correct column for gender name -->
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="email" class="form-control-label">Email</label><span class="text-danger fw-bold">*</span>
                                    <input class="form-control @error('email') is-invalid @enderror" type="email" name="email" id="email"
                                    value="{{ old('email') }}"required>
                                        @error('email')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4">

                                <div class="form-group">
                                    <label for="panno" class="form-control-label">PAN No</label><span class="text-danger fw-bold">*</span>
                                    <input class="form-control  @error('panno') is-invalid @enderror" type="text" name="panno" id="panno"
                                        value="{{ old('panno') }}"required>
                                        {{-- {{ old('company_name', '') }} --}}
                                        @error('panno')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="aadharno" class="form-control-label">Aadhar Card No</label><span class="text-danger fw-bold">*</span>
                                    <input class="form-control @error('aadharno') is-invalid @enderror" type="number" name="aadharno" id="aadharno"
                                        value="{{ old('aadharno') }}"required>
                                        {{-- {{ old('company_name', '') }} --}}
                                        @error('aadharno')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="mobileno" class="form-control-label">Mobile Number</label><span class="text-danger fw-bold">*</span>
                                    <input class="form-control @error('mobileno') is-invalid @enderror" type="number" name="mobileno" id="mobileno"
                                        value="{{ old('mobileno') }}"required>
                                        {{-- {{ old('company_name', '') }} --}}
                                        @error('mobileno')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="alternatemobileno" class="form-control-label">Alternate Mobile Number</label>
                                    <input class="form-control" type="number" name="alternatemobileno" id="alternatemobileno"
                                    value="{{ old('alternatemobileno') }}">
                                        {{-- {{ old('company_name', '') }} --}}
                                    @if ($errors->has('alternatemobileno'))
                                        <sup class="text-danger">{{ $errors->first('alternatemobileno') }}</sup>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="cms_department_sid" class="form-control-label">Department</label><span class="text-danger fw-bold">*</span>
                                    <select class="form-select select2" type="text" name="cms_department_sid" id="cms_department_sid"
                                       required>
                                       <option value="">Select Department</option>
                                       @foreach($department as $data)
                                       <option value="{{ $data->cms_department_sid }}">{{ $data->department_name }}</option>
                                       @endforeach
                                    </select>
                                        {{-- {{ old('company_name', '') }} --}}
                                    @if ($errors->has('cms_department_sid'))
                                        <sup class="text-danger">{{ $errors->first('cms_department_sid') }}</sup>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="cms_staff_type_cid" class="form-control-label">Designation</label><span class="text-danger fw-bold">*</span>
                                    <select class="form-select select2" type="text" name="cms_staff_type_cid" id="cms_staff_type_cid"
                                       required>
                                       <option value="">Select Designation</option>
                                       @foreach($designation as $data)
                                       <option value="{{ $data->cms_staff_type_cid }}">{{ $data->staff_type_name }}</option>
                                       @endforeach
                                    </select>
                                        {{-- {{ old('company_name', '') }} --}}
                                    @if ($errors->has('cms_staff_type_cid'))
                                        <sup class="text-danger">{{ $errors->first('cms_staff_type_cid') }}</sup>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="user_type_cid" class="form-control-label">User Type</label><span class="text-danger fw-bold">*</span>
                                    <select class="form-select select2" type="text" name="user_type_cid" id="user_type_cid"
                                       required>
                                       <option value="">Select User Type</option>
                                       @foreach($user_type as $data)
                                       <option value="{{ $data->user_type_cid }}">{{ $data->user_type }}</option>
                                       @endforeach
                                    </select>
                                        {{-- {{ old('company_name', '') }} --}}
                                    @if ($errors->has('user_type_cid'))
                                        <sup class="text-danger">{{ $errors->first('user_type_cid') }}</sup>
                                    @endif
                                </div>
                            </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="doj" class="form-control-label">Date Of Joining</label><span class="text-danger fw-bold">*</span>
                                        <input class="form-control" type="date" name="doj" id="doj"
                                        value="{{ old('doj') }}" required>
                                            {{-- {{ old('name', '') }} --}}
                                        @if ($errors->has('doj'))
                                            <sup class="text-danger">{{ $errors->first('doj') }}</sup>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="experience" class="form-control-label">Experience In Years</label><span class="text-danger fw-bold">*</span>
                                        <input class="form-control" type="number" name="experience" id="experience"
                                        value="{{ old('experience') }}"required>
                                            {{-- {{ old('name', '') }} --}}
                                        @if ($errors->has('experience'))
                                            <sup class="text-danger">{{ $errors->first('experience') }}</sup>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="photos" class="form-control-label">Photos</label>
                                        <input class="form-control" type="file" name="photos" id="photos" accept="image/*" required>

                                        @if ($errors->has('photos'))
                                            <sup class="text-danger">{{ $errors->first('photos') }}</sup>
                                        @endif
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="address" class="form-control-label">Address</label><span class="text-danger fw-bold">*</span>
                                        <textarea class="form-control" name="address" id="address" required
                                            rows="1"></textarea>
                                            {{-- {{ old('name', '') }} --}}
                                        @if ($errors->has('address'))
                                            <sup class="text-danger">{{ $errors->first('address') }}</sup>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="oprtnl_flag" class="form-control-label">Status</label>
                                        <select class="form-control select2" name="oprtnl_flag" id="oprtnl_flag" required>
                                            <option value="" disabled selected>Select Status</option>
                                            <option value="A">Active</option>
                                            <option value="I">Inactive</option>
                                        </select>

                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            {{-- <div class="col-md-4">
                                <div class="form-group">
                                    <label for="profile_picture" class="form-control-label">Profile Picture</label>
                                    <input class="form-control" type="file" name="profile_picture" id="profile_picture" accept="image/*" required>
                                     --}}
                                    {{-- Display error if there's any --}}
                                    {{-- @if ($errors->has('profile_picture'))
                                        <sup class="text-danger">{{ $errors->first('profile_picture') }}</sup>
                                    @endif

                                    <!-- Preview container -->
                                    <div id="preview-container" style="margin-top: 10px;">
                                        <img id="image-preview" src="#" alt="Image Preview" style="display: none; max-width: 100%; max-height: 200px; border: 1px solid #ddd;">
                                    </div>
                                </div>
                            </div> --}}

                        </div>

                    </div>
                </form>
            </div>
        </div>
    </div>
    @include('layouts.footers.auth.footer')
</div>
@endsection
{{-- @push('scripts')
<script>
    // Image preview script
    document.getElementById("profile_picture").addEventListener("change", function(event) {
        const file = event.target.files[0];
        const preview = document.getElementById("image-preview");

        if (file) {
            const reader = new FileReader();
            reader.onload = function(e) {
                preview.src = e.target.result;
                preview.style.display = "block"; // Show the preview
            };
            reader.readAsDataURL(file);
        } else {
            preview.style.display = "none"; // Hide the preview if no file is selected
        }
    });
</script>
@endpush --}}