@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_employer') }}" enctype="multipart/form-data">
                    @csrf
                    <div class="card-header pb-0">
                        <div class="d-flex justify-content-between align-items-center">
                            <h5>Feedback Information</h5> <!-- Added a title for context -->
                            <div>
                                <button type="submit" class="btn btn-primary btn-sm ms-2">Save</button>
                                <a href="{{ route('employer') }}" 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">Feedback Information</p>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="name" class="form-control-label">Name</label>
                                    <input class="form-control" type="text" name="name" id="name"
                                        value="" required>
                                        {{-- {{ old('name', '') }} --}}
                                    @if ($errors->has('name'))
                                        <sup class="text-danger">{{ $errors->first('name') }}</sup>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                
                                <div class="form-group">
                                    <label for="designation" class="form-control-label">Designation</label>
                                    <input class="form-control" type="text" name="designation" id="designation"
                                        value=""required>
                                        {{-- {{ old('company_name', '') }} --}}
                                    @if ($errors->has('designation'))
                                        <sup class="text-danger">{{ $errors->first('designation') }}</sup>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="contact_number" class="form-control-label">Contact Number</label>
                                    <input class="form-control" type="text" name="contact_number" id="contact_number"
                                        value=""required>
                                        {{-- {{ old('company_name', '') }} --}}
                                    @if ($errors->has('contact_number'))
                                        <sup class="text-danger">{{ $errors->first('contact_number') }}</sup>
                                    @endif
                                </div>
                                
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="company_name" class="form-control-label">Company Name</label>
                                    <input class="form-control" type="text" name="company_name" id="company_name"
                                        value=""required>
                                        {{-- {{ old('company_name', '') }} --}}
                                    @if ($errors->has('company_name'))
                                        <sup class="text-danger">{{ $errors->first('company_name') }}</sup>
                                    @endif
                                </div>
                                
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="email" class="form-control-label">E-mail</label>
                                    <input class="form-control" type="text" name="email" id="email"
                                        value=""required>
                                        {{-- {{ old('email', '') }} --}}
                                    @if ($errors->has('email'))
                                        <sup class="text-danger">{{ $errors->first('email') }}</sup>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="address" class="form-control-label">Address</label>
                                    <input class="form-control" type="text" name="address" id="address"
                                        value=""required>
                                        {{-- {{ old('company_name', '') }} --}}
                                    @if ($errors->has('address'))
                                        <sup class="text-danger">{{ $errors->first('address') }}</sup>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="username" class="form-control-label">Username</label>
                                    <input class="form-control" type="text" name="username" id="username"
                                        value=""required>
                                        {{-- {{ old('username', '') }} --}}
                                    @if ($errors->has('username'))
                                        <sup class="text-danger">{{ $errors->first('username') }}</sup>
                                    @endif
                                </div>
                                
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="password" class="form-control-label">Password</label>
                                    <input class="form-control" type="password" name="password" id="password"
                                        value=""required>
                                        {{-- {{ old('username', '') }} --}}
                                    @if ($errors->has('password'))
                                        <sup class="text-danger">{{ $errors->first('password') }}</sup>
                                    @endif
                                </div>
                                
                            </div>
                        </div>
                       
                    </div>
                </form>
            </div>
        </div>
    </div>
    @include('layouts.footers.auth.footer')
</div>
@endsection
{{-- @push('scripts')
<script type="text/javascript">
//     $(document).ready(function() {
//         $('#department').change(function() {
//             var departmentId = $(this).val();

//             if (departmentId) {
//                 $.ajax({
//                     url: '{{ route("get-programs") }}', 
//                     type: 'GET',
//                     data: {
//                         department_id: departmentId
//                     },
//                     success: function(response) {
//                         $('#program').empty();
//                         $('#program').append('<option value="">Select Program</option>');

//                         $.each(response.programs, function(key, value) {
//                             $('#program').append('<option value="'+ value.cms_program_sid  +'">'+ value.program_name +'</option>');
//                         });
//                     },
//                     error: function() {
//                         toastr.error('Something went wrong!'); 
//                     }
//                 });
//             } else {
//                 $('#program').empty();
//                 $('#program').append('<option value="">Select Program</option>');
//             }
//         });
//     });
// </script>
@endpush
 --}}