@include('components/header')
@include('components/sidebar')
    <div id="content" class="main-content">
        <div class="topbar_content mt-3">
            <h2> Add Employee </h2>
            <div class="viewAll mr-4">
                <a href="/employee_dashboard" class="viewAllBtn">
                    <button class="btn btn-danger mr-2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left">
                            <line x1="19" y1="12" x2="5" y2="12"></line>
                            <polyline points="12 19 5 12 12 5"></polyline>
                        </svg> Back
                    </button>
                </a>
                <!-- <a href="#" class="viewAllBtn" data-target="#data_show" data-toggle="modal">
                    <button class="btn btn-primary mr-2" type="button">
                        Send Mail
                    </button>
                </a> -->
            </div>
        </div>
        <div class="layout-px-spacing"> 
            <div class="row layout-top-spacing">
                <div class="col-xl-12 col-lg-12 col-md-12 layout-spacing">
                    <div class="modal-footer"></div>
                    <div class="border-0">
                        <div class="tab-content">
                            <div class="tab-pane active">
                                <div class="row">
                                    <form id="basic-information" enctype="multipart/form-data" method="post" action="{{route('admin.onboading.store')}}" name="edit_employee" class="section basic-information">
                                        {{csrf_field()}}
                                        <div class="card mb-3">
                                            <div class="card-body">
                                                <div class="row">
                                                    <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                                                        <div class="form-group">
                                                            <label for="firstName">First Name*</label>
                                                            <input type="text" name="f_name"
                                                            class="form-control mb-1 text"
                                                            id="firstName" placeholder="First Name"
                                                            value="{{ old('f_name') }}">
                                                            <span class="text-danger">
                                                                @if($errors->has('f_name'))
                                                                @foreach($errors->get('f_name') as $error)
                                                                {{$error}}
                                                                @endforeach
                                                                @endif
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                                                        <div class="form-group">
                                                            <label for="middleName">Middle Name</label>
                                                            <input type="text" name="m_name"
                                                            class="text form-control mb-1"
                                                            id="middleName" placeholder="Middle Name"
                                                            value="{{ old('m_name') }}">
                                                            <span class="text-danger">
                                                                @if($errors->has('m_name'))
                                                                @foreach($errors->get('m_name') as $error)
                                                                {{$error}}
                                                                @endforeach
                                                                @endif
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                                                        <div class="form-group">
                                                            <label for="lastName">Last Name*</label>
                                                            <input type="text" name="l_name"
                                                            class="text form-control mb-1" id="lastName"
                                                            placeholder="Last Name"
                                                            value="{{ old('l_name') }}">
                                                            <span class="text-danger">
                                                                @if($errors->has('l_name'))
                                                                @foreach($errors->get('l_name') as $error)
                                                                {{$error}}
                                                                @endforeach
                                                                @endif
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                        <div class="form-group">
                                                            <label for="phone">Employee Type* </label>
                                                            <select class="form-control" name="emp_type" id="emp_type">
                                                                @if(old('emp_type') == 'Intern')
                                                                <option value="Select Employee Type">Select Employee
                                                                Type</option>
                                                                <option selected value="Intern">Intern</option>
                                                                <option value="Employee">Employee</option>
                                                                <option value="Consultant/Freelancer">
                                                                Consultant/Freelancer</option>
                                                                <option value="Management">Management</option>
                                                                @elseif(old('emp_type') == 'Employee')
                                                                <option value="Select Employee Type">Select Employee
                                                                Type</option>
                                                                <option value="Intern">Intern</option>
                                                                <option selected value="Employee">Employee</option>
                                                                <option value="Consultant/Freelancer">
                                                                Consultant/Freelancer</option>
                                                                <option value="Management">Management</option>
                                                                @elseif(old('emp_type') ==
                                                                'Consultant/Freelancer')
                                                                <option value="Select Employee Type">Select Employee
                                                                Type</option>
                                                                <option value="Intern">Intern</option>
                                                                <option value="Employee">Employee</option>
                                                                <option selected value="Consultant/Freelancer">
                                                                Consultant/Freelancer</option>
                                                                <option value="Management">Management</option>
                                                                @elseif(old('emp_type') == 'Management')
                                                                <option value="Select Employee Type">Select Employee
                                                                Type</option>
                                                                <option value="Intern">Intern</option>
                                                                <option value="Employee">Employee</option>
                                                                <option value="Consultant/Freelancer">
                                                                Consultant/Freelancer</option>
                                                                <option selected value="Management">Management
                                                                </option>
                                                                @else
                                                                <option value="Select Employee Type">Select Employee
                                                                Type</option>
                                                                <option value="Intern">Intern</option>
                                                                <option value="Employee">Employee</option>
                                                                <option value="Consultant/Freelancer">
                                                                Consultant/Freelancer</option>
                                                                <option value="Management">Management</option>
                                                                    @endif
                                                            </select>
                                                            <span class="text-danger">
                                                                @if($errors->has('emp_type'))
                                                                @foreach($errors->get('emp_type') as $error)
                                                                {{$error}}
                                                                @endforeach
                                                                @endif
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                        <div class="form-group">
                                                            <label for="phone">Employee ID*</label>
                                                            <input type="text" name="emp_id"
                                                            class="form-control mb-1" id="emp_id"
                                                            style="text-transform: uppercase;"
                                                            placeholder="Write Employee ID"
                                                            value="{{ old('emp_id') }}">
                                                            <span class="text-danger">
                                                                @if($errors->has('emp_id'))
                                                                @foreach($errors->get('emp_id') as $error)
                                                                {{$error}}
                                                                @endforeach
                                                                @endif
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-4 col-lg-4col-md-4col-sm-12 col-12">
                                                        <div class="form-group">
                                                            <label for="phone">Official Email*
                                                            </label>
                                                            <input type="text" name="official_email"
                                                            class="form-control mb-1" id="phone"
                                                            placeholder="Write Official Email"
                                                            value="{{ old('official_email') }}">
                                                            <span class="text-danger">
                                                                @if($errors->has('official_email'))
                                                                @foreach($errors->get('official_email') as $error)
                                                                {{$error}}
                                                                @endforeach
                                                                @endif
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                        <div class="form-group">
                                                            <label for="designation">Department*</label>
                                                            <select class="form-control" name="department"
                                                                id="department">
                                                                @if(old('department') == 'Select Department')
                                                                    <option selected value="Select Department">Select Department</option>
                                                                    @foreach($department as $d)
                                                                        <option value="{{$d->id}}">{{$d->department}}
                                                                        </option>
                                                                    @endforeach
                                                                @else
                                                                    <option value="Select Department">Select Department
                                                                    </option>
                                                                    @foreach($department as $d)
                                                                        @if(old('department') == $d->id)
                                                                            <option selected value="{{$d->id}}">
                                                                            {{$d->department}}</option>
                                                                        @else
                                                                            <option value="{{$d->id}}">{{$d->department}}
                                                                            </option>
                                                                        @endif
                                                                    @endforeach
                                                                @endif
                                                            </select>
                                                            <span class="text-danger">
                                                                @if($errors->has('department'))
                                                                @foreach($errors->get('department') as $error)
                                                                {{$error}}
                                                                @endforeach
                                                                @endif
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                        <div class="form-group">
                                                            <label for="a-designation">
                                                            Domain*</label>
                                                            <select class="form-control" name="domain" id="domain">
                                                            
                                                            </select>
                                                            <span class="text-danger">
                                                                @if($errors->has('domain'))
                                                                @foreach($errors->get('domain') as $error)
                                                                {{$error}}
                                                                @endforeach
                                                                @endif
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                        <div class="form-group">
                                                            <label for="prAdd">Designation(ASW)*</label>
                                                            <input type="text" class="text form-control"
                                                            name="designation_asw"
                                                            placeholder="Enter ASW Designation"
                                                            value="{{old('designation_asw')}}">
                                                            <span class="text-danger">
                                                                @if($errors->has('designation_asw'))
                                                                @foreach($errors->get('designation_asw') as $error)
                                                                {{$error}}
                                                                @endforeach
                                                                @endif
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                        <div class="form-group">
                                                            <label for="a-designation">Employee Role*</label>
                                                            <select class="form-control" name="emp_role">
                                                                <option value="Select Option">Select Option</option>
                                                                @foreach($role as $role)
                                                                @if( old('emp_role') == $role->name)
                                                                <option selected value="{{$role->name}}">
                                                                {{$role->name}}</option>
                                                                @else
                                                                <option value="{{$role->name}}">{{$role->name}}
                                                                </option>
                                                                @endif
                                                                @endforeach
                                                            </select>
                                                            <span class="text-danger">
                                                                @if($errors->has('emp_role'))
                                                                @foreach($errors->get('emp_role') as $error)
                                                                {{$error}}
                                                                @endforeach
                                                                @endif
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                        <div class="form-group">
                                                            <label for="prAdd">Date Of Joining*</label>
                                                            <input type="text" onkeypress="return false;" class="form-control" id="DOJ" name="joining_date" max="9999-12-31" placeholder="Joining Date" value="{{old('joining_date')}}">
                                                            <span class="text-danger">
                                                                @if($errors->has('joining_date'))
                                                                @foreach($errors->get('joining_date') as $error)
                                                                {{$error}}
                                                                @endforeach
                                                                @endif
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                        <div class="form-group">
                                                            <label for="a-designation">Reporting To*</label>
                                                            <select class="form-control" name="reporting_to">
                                                                <option value="">Select Reporting To</option>
                                                                @foreach($reporting_array as $rt)
                                                                    @if( old('reporting_to') == $rt->id)
                                                                        <option selected value="{{$rt->id}}">{{$rt->first_name}} {{$rt->last_name}}</option>
                                                                    @else
                                                                        <option value="{{$rt->id}}">{{$rt->first_name}} {{$rt->last_name}}</option>
                                                                    @endif
                                                                @endforeach
                                                            </select>
                                                            <span class="text-danger">
                                                                @if($errors->has('reporting_to'))
                                                                @foreach($errors->get('reporting_to') as $error)
                                                                {{$error}}
                                                                @endforeach
                                                                @endif
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                            <div class="form-group">
                                                                <label for="designation">Job Type*</label>
                                                                <select class="form-control" name="job_type" id="job_type">
                                                                    <option value="Select Job Type">Select Job Type</option>
                                                                    @if(old('job_type') == 'Remote')
                                                                        <option selected value="Remote">Remote</option>
                                                                        <option value="Onsite">Onsite</option>
                                                                    @elseif(old('job_type') == 'Onsite')
                                                                        <option selected value="Onsite">Onsite</option>
                                                                        <option value="Remote">Remote</option>
                                                                    @else
                                                                        <option value="Onsite">Onsite</option>
                                                                        <option value="Remote">Remote</option>
                                                                    @endif
                                                                </select>
                                                                <span class="text-danger">
                                                                    @if($errors->has('job_type'))
                                                                        @foreach($errors->get('job_type') as $error)
                                                                        {{$error}}
                                                                        @endforeach
                                                                    @endif
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="card mb-3">
                                                    <div class="card-body">
                                                        <h6 class="">Documents</h6>
                                                        <div>
                                                            @foreach($document as $key => $d)
                                                                <span class="m-2"> <input type="checkbox" name="form_name[]" value="{{ $d->form_name }}"> </span>
                                                                <span class="m-2"> {{ $d->form_name }} </span>
                                                            @endforeach
                                                            <p class="text-danger">
                                                                @if($errors->has('form_name'))
                                                                    @foreach($errors->get('form_name') as $error)
                                                                        {{ $error }}
                                                                    @endforeach
                                                                @endif
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-12 p-0">
                                                    <input type="submit" name="submit" class="mt-4 btn btn-success">
                                                    <a href="/admin_onboading"><button type="button" name="reset" class="mt-4 btn btn-primary">Reset</button></a>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


<!-- Modal -->
<div class="modal fade bd-example-modal-lg" id="data_show" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <form action="/send_mail" method="post">
        {{csrf_field()}}
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLongTitle">Data Preview</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
                <div class="table-responsive">
                    <table id="zero-config" class="table dt-table-hover" style="width:100%">
                        <thead>
                            <tr>
                                <th>Sr No</th>
                                <th>Employee ID</th>
                                <th>Employee Name</th>
                                <th>Employee Email</th>
                            </tr>
                        </thead>
                        <tbody>
                            
                                @php $i = 0; @endphp

                                @foreach($user_data as $data)
                                    <tr>
                                <input type="hidden" name="data[]" value="{{$data->emp_id}}">
                                        @php $i = $i + 1; @endphp
                                        <td>{{$i}}</td>
                                        <td>{{$data->emp_id}}</td>
                                        <td>{{$data->name}}</td>
                                        <td>{{$data->email}}</td>
                                      
                                    </tr>
                                @endforeach
                        </tbody>
                    </table>
                </div>
          </div>
          <div class="modal-footer">
            <button type="submit" class="btn btn-success">Send Mail</button>
            <button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
          </div>
        </div>
    </form>
  </div>
</div>

    @if(session('done'))
        <script type="text/javascript">
            swal.fire({
            title: '@php echo session("done")@endphp',
            type: 'success',
            padding: '2em'
            })
        </script> 
    @elseif(session('edit'))
        <script type="text/javascript">
            swal.fire({
            title: '@php echo session("edit")@endphp',
            type: 'success',
            padding: '2em'
            })
        </script>
    @elseif(session('message'))
        <script type="text/javascript">
            swal.fire({
            title: '@php echo session("message")@endphp',
            type: 'success',
            padding: '2em'
            })
        </script>
    @elseif(session('error'))
        <script type="text/javascript">
            swal.fire({
            title: '@php echo session("error")@endphp',
            type: 'warning',
            padding: '2em'
        })
        </script>
    @elseif(session('delete'))
        <script type="text/javascript">
            swal.fire({
            title: '@php echo session("delete")@endphp',
            type: 'success',
            padding: '2em'
        })
        </script>
    @endif
@include('components/footer')
<script type="text/javascript">
    $("#DOJ").datepicker({
        dateFormat: "dd/mm/yy"
    });
    $("#department").on('change', function() {
        var department_id = $(this).val();
        if (department_id) {
            $.ajax({
                url: "{{ url('designation')}}",
                type: "get",
                data: { designation_id: department_id },
                success: function(html) {
                    $("#domain").html(html);
                }
            });
        }else {
            $("#domain").html('<option value="">Select Department First</option>');
        }
    });

    $("#emp_type").on('change', function() {
            var a = $(this).val().charAt(0);
            if (a == 'S') {
                $("#emp_id").val('');
            } else if (a == 'I') {
                $("#emp_id").val('ASW-' + 'IN' + '-');
            } else {
                $("#emp_id").val('ASW-' + a + '-');
            }
        });

    $(document).ready(function(){
        // if(department_id){
        //     $.ajax({
        //         type : "get",
        //         url : "{{ url('edit_designation')}}",
        //         data : {designation_id:department_id},
        //         success : function(html){
        //         $("#domain").html(html);
        //             var domain=$("#domain").val();
        //         }
        //     });
        // }else{
        //     $("#domain").html('<option value="">Select Department First</option>');
        // }
        // var department_id = $("#department").val();
        // if (department_id) {
        //     $.ajax({
        //         url: "{{ url('designation')}}",
        //         type: "get",
        //         data: { designation_id: department_id },
        //         success: function(html) {
        //             $("#domain").html(html);
        //         }
        //     });
        // }else {
        //     $("#domain").html('<option value="">Select Domain</option>');
        // }

        var department_id = $("#department").val();
        if(department_id){
            $.ajax({
                type : "get",
                url : "{{ url('edit_designation')}}",
                data : {designation_id:department_id},
                success : function(html){
                $("#domain").html(html);
                    var domain=$("#domain").val();
                }
            });
        }else{
            $("#domain").html('<option value="">Select Department First</option>');
        }

        // var emp_id = $("#emp_id").val();
        // var department_id = $("#department").val();
        // if (department_id) {
        //     $.ajax({
        //     type: "get",
        //     url: "{{ url('edit_designation')}}",
        //     data: {
        //     designation_id: department_id,
        //     dist: emp_id
        //     },
        //     success: function(html) {
        //         $("#domain").html(html);
        //         var domain = $("#domain").val();
        //     }
        //     });
        // } else {
        //     $("#domain").html('<option value="">Select Department First</option>');
        // }
    })


</script>