@extends('employer.layouts.app')
@section('content')
    @component('employer.layouts.partials.breadcrumbs', ['breadcrumbs' => $breadcrumbs])
    @endcomponent
    <div class="row">
        <div class="col-md-12 stretch-card">
            <div class="card">
                <div class="card-body">
                    <h6 class="card-title"> Create Department</h6>
                    <form method="POST" action="{{ route('employer.department.store') }}" enctype="multipart/form-data">
                        @csrf
                        
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="control-label">Department Name <span class="text-danger">*</span></label>
                                    <input type="text"
                                        class="form-control @if ($errors->has('dep_name')) is-invalid @endif"
                                        name="dep_name" value="{{ old('email') }}" placeholder="Enter Branch Name" required>
                                    <div class="invalid-feedback">{{ $errors->first('dep_name') }}</div>
                                </div>
                            </div><!-- Col -->
                            {{-- Athulya 08-05-2024 --}}
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="control-label">Business<span class="text-danger">*</span></label>
                                    <select id="business_user"  class="form-control @if ($errors->has('business')) is-invalid @endif" name="business" value="{{ old('business') }}" required>
                                        <option value="">--SELECT--</option>
                                        @foreach ($businesses as $business)
                                        <option value="{{$business['id']}} " {{ old('business')==$business['id'] ? 'selected':'' }}>{{$business['name']}}</option>
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback">{{ $errors->first('business') }}</div>
                                </div>
                            </div><!-- Col --> 
                         {{-- Athulya 08-05-2024 --}}
                            <div class="col-sm-6">
                            <div class="form-group">
                                <label class="control-label">Branch<span class="text-danger">*</span></label>
                                {{-- <select class="form-control @if ($errors->has('branch')) is-invalid @endif" name="branch" id="branch" required> --}}

                                    {{-- <option value="">--SELECT--</option> --}}
                                    {{-- @foreach ($branches as $key => $value)
                                    <option value="{{$value['id']}}">{{$value['name']}}</option>
                                    @endforeach --}}
                                {{-- </select> --}}
                                <select id="branch_user"  class="form-control @if ($errors->has('branch')) is-invalid @endif" name="branch" value="{{ old('branch') }}" required>
                                    <option value="">--SELECT--</option>
                                    @foreach ($branches as $key => $value)
                                    <option value="{{$value['id']}}" {{ old('branch')==$value['id'] ? 'selected':'' }}>{{$value['name']}}</option>
                                    @endforeach
                                </select>
                                <div class="invalid-feedback">{{ $errors->first('name') }}</div>
                            </div>
                        </div><!-- Col -->
                        
                        </div><!-- Row -->

                      


                        <button type="submit" class="btn btn-primary submit">Submit</button>
                    </form>

                </div>
            </div>
        </div>
    </div>
@endsection
@push('custom_js')
    <script src="{{ asset('admin_assets/vendors/tinymce/tinymce.min.js') }}"></script>
    <script src="{{ asset('admin_assets/js/tinymce.js') }}"></script>


    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>


    
    
    
       
    <script>
      $(document).ready(function() {
        $('#business_user').change(function(e) {
            var id = $(this).val();
            $('#branch_user').find('option').not(':first').remove();

            $.ajax({
                type: 'get',
                url: '/employer/report/employment_period/get_branch/' + id,
                dataType: 'json',
                success: function(response) {
                    var len = 0;
                    if (response != null) {
                        len = response['data'].length;
                    }
                    if (len > 0) {
                        for (var i = 0; i < len; i++) {
                            var id = response['data'][i].id;
                            var name = response['data'][i].name;
                            var option = "<option value='" + id + "'>" + name + "</option>";
                            $('#branch_user').append(option);
                        }
                    }
                }
            });
        });
});


</script>
@endpush