{{-- department --}}
<div class="col-12">
    <label class=" mt-3 mb-sm-1"> Department Name <span class="text-danger">(required)*</span></label>
    <select name="department" class="form-control select2-show-search" id="department">
        <option value="" disabled selected>Select</option>
        @foreach ($departments as $department)
        {{-- <option value="{{ $department->did }}" {{ $department->did == $employee->did || old('department') == $department->did ? 'selected' : '' }}>{{ $department->name }}</option> --}}
        <option value="{{ $department->did }}">{{ $department->name }}</option>
        @endforeach
    </select>
</div>
{{-- jobtitle --}}
<div class="col-6 mt-4">
    <label class=" mt-3 mb-sm-1"> Job Title Name <span class="text-danger">(required)*</span></label>
    <select name="job_title" class="form-control select2-show-search" id="job_title">
        {{-- @foreach ($job_titles as $job_title)
            <option value="{{ $job_title->jtid }}" {{ $employee->jtid == $job_title->jtid || old('job_title') == $job_title->jtid? 'selected' : '' }}>{{ $job_title->name }}</option>
        @endforeach --}}
    </select>
</div>
{{-- jobtype --}}
<div class="col-6 mt-4">
    <label class=" mt-3 mb-sm-1"> Job TYpe Name <span class="text-danger">(required)*</span></label>
    <select name="job_type" class="form-control select2-show-search">
        @foreach ($job_types as $job_type)
            <option value="{{ $job_type->jobtid }}" {{ $employee->jtid == $job_type->jtid || old('job_type') == $job_type->jobtid? 'selected' : '' }}>{{ $job_type->name }}</option>
        @endforeach
    </select>
</div>
{{-- name, phone , and email --}}
<div class="col-12 mt-4">
    <div class="row">
        {{-- name --}}
        <div class="col-4">
            <label class=" mt-3 mb-sm-1"> Name <span class="text-danger">(required)*</span></label>
            @if(old('name') != null)
                <input type="text" class="form-control{{ $errors->first('name') ? ' is-invalid'  :''}}" name="name" value="{{ old('name')}}" required>
            @elseif($employee)
                <input type="text" class="form-control{{ $errors->first('name') ? ' is-invalid'  :''}}" name="name" value="{{ $employee->name}}" required>
            @else
            <input type="text" name="name" class="form-control {{ $errors->first('name') ? ' is-invalid'  :''}}" required>
            @endif
        </div>
        {{-- email --}}
        <div class="col-4">
            <label class=" mt-3 mb-sm-1"> Email <span class="text-danger">(required)*</span></label>
            @if(old('email') != null)
                <input type="email" class="form-control{{ $errors->first('email') ? ' is-invalid'  :''}}" name="email" value="{{ old('email')}}" required>
            @elseif($employee)
                <input type="email" class="form-control{{ $errors->first('email') ? ' is-invalid'  :''}}" name="email" value="{{ $employee->email}}" required>
            @else
            <input type="email" name="email" class="form-control {{ $errors->first('email') ? ' is-invalid'  :''}}" required>
            @endif
        </div>
        {{-- phone --}}
        <div class="col-4">
            <label class=" mt-3 mb-sm-1"> Phone <span class="text-danger">(required)*</span></label>
            @if(old('phone') != null)
                <input type="number" class="form-control{{ $errors->first('phone') ? ' is-invalid'  :''}}" name="phone" value="{{ old('phone')}}" required>
            @elseif($employee)
                <input type="number" class="form-control{{ $errors->first('phone') ? ' is-invalid'  :''}}" name="phone" value="{{ $employee->phone}}" required>
            @else
            <input type="number" name="phone" class="form-control {{ $errors->first('phone') ? ' is-invalid'  :''}}" required>
            @endif
        </div>
    </div>
</div>

{{-- Banck --}}
<div class="col-12 mt-4">
    <div class="row">
        {{-- Banck Name --}}
        <div class="col-6">
            <label class=" mt-3 mb-sm-1"> Banck Name <span class="text-danger">(required)*</span></label>
            @if(old('bank_name') != null)
                <input type="text" class="form-control{{ $errors->first('bank_name') ? ' is-invalid'  :''}}" name="bank_name" value="{{ old('bank_name')}}" required>
            @elseif($employee)
                <input type="text" class="form-control{{ $errors->first('bank_name') ? ' is-invalid'  :''}}" name="bank_name" value="{{ $employee->bank_name}}" required>
            @else
            <input type="text" name="bank_name" class="form-control {{ $errors->first('bank_name') ? ' is-invalid'  :''}}" required>
            @endif
        </div>
         {{-- Banck Account --}}
         <div class="col-6">
            <label class=" mt-3 mb-sm-1"> Banck Account <span class="text-danger">(required)*</span></label>
            @if(old('banck_account') != null)
                <input type="number" class="form-control{{ $errors->first('banck_account') ? ' is-invalid'  :''}}" name="banck_account" value="{{ old('bank_account')}}" required>
            @elseif($employee)
                <input type="number" class="form-control{{ $errors->first('banck_account') ? ' is-invalid'  :''}}" name="banck_account" value="{{ $employee->bank_account}}" required>
            @else
            <input type="number" name="banck_account" class="form-control {{ $errors->first('banck_account') ? ' is-invalid'  :''}}" required>
            @endif
        </div>
    </div>
</div>

{{-- Salary --}}
<div class="col-12 mt-4">
    <label class="form-label ">Salary <i
        class="text-danger">(required)</i></label>
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-3">
                @if(old('basic_salary') != null)
                    <input type="number" min="0" name="basic_salary"
                        id="teacher_fee_per_lesson"  class="form-control"
                        placeholder="Basic Salary" value="{{old('basic_salary')}}" required>
                @elseif($employee)        
                <input type="number" min="0" name="basic_salary"
                id="teacher_fee_per_lesson"  class="form-control"
                placeholder="Basic Salary" value="{{$employee->basic_salary}}" required>
                @else
                <input type="number" min="0" name="basic_salary"
                id="teacher_fee_per_lesson"  class="form-control"
                placeholder="Basic Salary" value="" required>
                @endif

                </div>
                <div class="col-md-1 mt-2">
                    <b>+</b>
                </div>
                <div class="col-md-3">
                    @if(old('compansation') != null)
                    <input type="number" min="0" name="compansation" id="site_fee_per_lesson"
                         class="form-control" value="{{old('compansation')}}" placeholder="Compansation" required>
                    @elseif($employee)
                    <input type="number" min="0" name="compansation" id="site_fee_per_lesson"
                         class="form-control" value="{{$employee->compansation}}" placeholder="Compansation" required>
                    @else
                    <input type="number" min="0" name="compansation" id="site_fee_per_lesson"
                         class="form-control" value="" placeholder="Compansation" required>
                    @endif
                </div>
                <div class="col-md-1 mt-2">
                    <b class="mt-2 text-success">=</b>
                </div>
                <div class="col-md-2">
                    @if(old('total_salary') != null)
                    <input type="text" name="total_salary" value="{{old('total_salary')}}" disabled
                        id="fee_per_lesson_total_view" class="form-control" placeholder="Total Salary" >
                    @elseif($employee)   
                    <input type="text" name="total_salary" value="{{$employee->total_salary}}" disabled
                        id="fee_per_lesson_total_view" class="form-control" placeholder="Total Salary" >
                    @else
                    <input type="text" name="total_salary" value="" disabled
                    id="fee_per_lesson_total_view" class="form-control" placeholder="Total Salary" >
                    @endif  

                    @if(old('total_salary') != null)
                    <input type="hidden" name="total_salary" value="{{old('total_salary')}}"
                        id="fee_per_lesson_total" class="form-control" placeholder="Total Salary" >
                    @elseif($employee)   
                    <input type="hidden" name="total_salary" value="{{$employee->total_salary}}"
                        id="fee_per_lesson_total" class="form-control" placeholder="Total Salary" >
                    @else
                    <input type="hidden" name="total_salary" value=""
                    id="fee_per_lesson_total" class="form-control" placeholder="Total Salary" >
                    @endif  
                </div>
                <div class="col-md-1 mt-2">
                    <b class="mt-2 text-success">EGP</b>
                </div>
            </div>
        </div>

    </div>
</div>
@section('admin-js')
<script>
    $('#department').on('change', function() {
            var $job_title = $('#job_title');
            $('#job_title').empty();
            $('#job_title').append(`<option value="0" disabled selected>Processing...</option>`);
            $.ajax({
                url: "{{ route('departmentFilterForEmployees') }}",
                type: 'GET',
                data: {
                    did: $(this).val()
                },
                success: function(data) {
                    $('#job_title').empty();
                    $.each(data, function(id, value) {
                       
                        $job_title.append('<option value="' + value.jtid + '" >' +value.name+'</option>');
                });
                }
            });
        });
</script>
@endsection