@extends('layouts.app')
@push('head')
    @import url(https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css);
@endpush
@push('css')
    <style>
        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            color: #2d4053;
        }
    </style>
    @endpush @section('content')
    @inject('carbon', 'Carbon\Carbon')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    @isset($employee)
                        <h1 class="m-0 text-dark">Edit</h1>
                    @else
                        <h1 class="m-0 text-dark">Create External Trainer</h1>
                    @endisset
                </div>
                <!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <div class="d-inline p-2 text-white text-right">
                            <a href="{{ route('home') }}" class="btn btn-sm btn-info"><i class="fas fa-home"></i> Home</a>
                        </div>
                        <div class="d-inline p-2 text-white text-right">
                            <a href="{{ route('employees.index') }}" class="btn btn-sm btn-primary text-right"><i
                                    class="fas fa-arrow-circle-left"></i> Back</a>
                        </div>
                    </ol>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <!-- Main row -->
            <div class="row">
                <div class="col-md-12 col-x-12 col-sm-12">



                    <form
                        action="{{ isset($employee) ? route('employees.update', $employee->id) : route('employees.store') }}"
                        method="POST" class="from-hiden">
                        @csrf @isset($employee)
                            @method('Put')
                        @endisset
                        <div class="card-body">



                            <div class="form-group">
                                <label for="fname">Full Name</label>
                                <input id="full_name" type="text" placeholder="Full Name"
                                    class="form-control @error('fname') is-invalid @enderror" name="full_name"
                                    value="{{ $employee->full_name ?? old('fname') }}" />
                                @error('fname')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="email">Email</label>
                                <input id="email" type="email" placeholder="Email"
                                    class="form-control @error('email') is-invalid @enderror" name="email"
                                    value="{{ $employee->email ?? old('email') }}" />
                                @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="phone">NID Number</label>
                                <input name="nid" id="phone" type="number" placeholder="Nid Number"
                                    class="form-control @error('phone') is-invalid @enderror" title="nid"
                                    value="{{ $employee->nid ?? old('phone') }}" />
                                @error('phone')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="phone">Phone Number</label>
                                <input name="mobile_no" id="phone" type="number" placeholder="Mobile no"
                                    class="form-control @error('mobile_no') is-invalid @enderror" title="mobile_no"
                                    value="{{ $employee->mobile_no ?? old('phone') }}" />
                                @error('phone')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="address">Work Station</label>
                                <input name="ext_workstation" id="address" type="text" placeholder="address"
                                    class="form-control @error('address') is-invalid @enderror" title="address"
                                    value="{{ $employee->ext_workstation ?? old('address') }}" />
                                @error('address')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>


                            <div class="form-group">
                                <label for="zone">Zone</label>
                                <select id="selectZone"
                                    class="js-example-basic-single form-control @error('zone_id') is-invalid @enderror"
                                    name="zone_id">
                                    <option value="">Select Zones</option>
                                    @foreach ($zones as $zone)
                                        <option value="{{ $zone->id }}">{{ $zone->zone_name }}</option>
                                    @endforeach
                                </select>
                                @error('zone_id')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>




                            <div class="form-group">
                                <label for="selectDistrict">District Name</label>
                                <select id="selectDistrict"
                                    class="js-example-basic-single form-control @error('district_id') is-invalid @enderror"
                                    name="district_id"> </select>
                                @error('district_id')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>


                            <div class="form-group">
                                <label for="upazila_id">Upazila Name</label>
                                <select id="upazila_id"
                                    class="js-example-basic-single form-control @error('upazila_id') is-invalid @enderror"
                                    name="upazila_id">

                                </select>
                                @error('upazila_id')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>


                            <div class="form-group">
                                <label for="date">Date of Birth</label>
                                <input name="dob" id="dob" type="text"
                                    class="form-control @error('date') is-invalid @enderror" title="date"
                                    @if (isset($employee->dob)) value="{{ $carbon::parse($employee->dob)->format('d/m/Y') ?? old('dob') }}"
                                    @else
                                    value= "{{ old('dob') }}" @endif
                                    required />
                                @error('date')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="course">Designation</label>
                                <select id="selectCourse"
                                    class="js-example-basic-single form-control @error('course_id') is-invalid @enderror"
                                    name="designation">
                                    @if (isset($employee))

                                        <option value="{{ $employee->designation }}">{{ $employee->des_name }}</option>
                                    @else
                                        <option value="">Select Designation</option>
                                    @endif
                                    @if (isset($employee))
                                        @foreach ($designation as $des)
                                            @if ($employee->designation !== $des->id)
                                                <option value="{{ $des->id }}">{{ $des->des_name }}</option>
                                            @endif
                                        @endforeach
                                    @else
                                        @foreach ($designation as $des)
                                            <option value="{{ $des->id }}">{{ $des->des_name }}</option>
                                        @endforeach
                                    @endif
                                </select>
                                <br>

                            </diV>

                                
                            <div class="form-group">
                                <label for="title">Area of Expertise</label>
                                <select id="aoe" name="aoe[]" multiple="multiple"
                                    class="searchable_select js-example-basic-single form-control @error('aoe') is-invalid @enderror">
                                    @if (isset($employee))
                                        @foreach ($aoes_edit as $aoe)
                                            <option value="{{ $aoe->id }}"
                                                @isset($employee) {{ $employee->id == $aoe->trainer_id ? 'selected' : '' }} @endisset>
                                                {{ $aoe->name }}
                                            </option>
                                        @endforeach
                                    @else
                                        @foreach ($aoes as $aoe)
                                            <option value="{{ $aoe->id }}">{{ $aoe->name }}</option>
                                        @endforeach
                                    @endif
                                </select>
                                <span id="error"></span>
                            </div>


                            @if (isset($employee))

                                <button type="submit" class="btn btn-primary" value="Update">Update</button>
                            @else
                                <br><br><br>
                                <button type="submit" class="btn btn-primary" value="Create">Create</button>
                            @endisset



                </form>


                <br><br><br>



                <form action="{{ route('employees.store') }}" method="POST" enctype="multipart/form-data">
                    @csrf


                    <!-- /.row (main row) -->
            </div>
            <!-- /.container-fluid -->
</section>
<!-- /.content -->
@endsection @push('js')
<script>
    $(document).ready(function() {
        $('select[name="zone_id"]').on('change', function() {
            var zone_id = $(this).val();
            if (zone_id) {
                $.ajax({
                    url: '{{ url('/') }}' + '/zone/district/' + zone_id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        var res = '<option value="">Select District</option>';
                        $.each(data.district, function(key, value) {
                            res +=
                                '<option value="' + value.id + '">' + value
                                .district_name + '</option>';
                        });
                        $('select[name="district_id"]').html(res);
                    }

                });

            }
        });
    });






    $(document).ready(function() {
        $('select[name="district_id"]').on('change', function() {
            var district_id = $(this).val();

            if (district_id) {
                $.ajax({
                    url: '{{ url('/') }}' + '/division/district/upazila/' + district_id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        var res = '<option value="">Select Upazila</option>';
                        $.each(data.upazila, function(key, value) {
                            res +=
                                '<option value="' + value.id + '">' + value
                                .upazila_name + '</option>';
                        });
                        $('select[name="upazila_id"]').html(res);
                    }

                });

            }
        });
    });
    $(document).ready(function() {
        $('select[name="upazila_id"]').on('change', function() {
            var upazila_id = $(this).val();

            if (upazila_id) {
                $.ajax({
                    url: '{{ url('/') }}' + '/division/district/upazila/inastitute/' +
                        upazila_id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        var res = '<option value="">Select Institute</option>';
                        $.each(data.inastitute, function(key, value) {
                            res +=
                                '<option value="' + value.eiin + '">' + value
                                .institute_name + ' - ' + value.eiin + '</option>';
                        });
                        $('select[name="inastitute_id"]').html(res);
                    }

                });

            }
        });
    });






















    $(function() {
        $("select").select2();
    });


    window.onload = function() {
        $(function() {
            $("#dob").datepicker({
                dateFormat: "dd/mm/yy"
            });
        });
    };
</script>
@endpush