@extends('admin.admin_master')
@section('content-header', $page_header)
@section('content')

    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-left">
                            <li class="breadcrumb-item"><a href="#">Home</a></li>
                            <li class="breadcrumb-item active">Staff Details</li>
                        </ol>
                    </div>
                    <div class="col-sm-6">
                        <span class="float-right"><a href="{{ route($link . '.index') }}"
                                class="btn btn-sm btn-fill btn-warning">{!! VIEWLIST_ICON !!}</a></span>
                    </div>
                </div>
            </div>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="card card-primary">
                <div class="card-body">
                    <form method="POST" action="{{ route($link . '.store') }}" id="formdata">
                        <div class="row">
                            {{ csrf_field() }}
                            <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <label class="control-label" for="title_en">Full Name</label>
                                    <input type="text" class="form-control" id="title_en" name="title_en"
                                        value="{{ old('title_en') }}">
                                    @if ($errors->has('title_en'))
                                        <span class="help-block text-danger">
                                            <strong>{{ $errors->first('title_en') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label class="control-label" for="title_np">पुरा नाम </label>
                                    <input type="text" class="form-control" id="title_np" name="title_np"
                                        value="{{ old('title_np') }}">
                                    @if ($errors->has('title_np'))
                                        <span class="help-block text-danger">
                                            <strong>{{ $errors->first('title_np') }}</strong>
                                        </span>
                                    @endif
                                </div>

                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label class="control-label" for="email">Email <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="email" name="email"
                                                value="{{ old('email') }}">
                                            @if ($errors->has('email'))
                                                <span class="text-danger">
                                                    <strong>{{ $errors->first('email') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label class="control-label" for="phone_no">Phone No</label>
                                            <input type="text" class="form-control" id="phone_no" name="phone_no"
                                                value="{{ old('phone_no') }}">
                                            @if ($errors->has('phone_no'))
                                                <span class="text-danger">
                                                    <strong>{{ $errors->first('phone_no') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <label class="control-label" for="facebook">Facebook <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="facebook" name="facebook"
                                                value="{{ old('facebook') }}">
                                            @if ($errors->has('facebook'))
                                                <span class="text-danger">
                                                    <strong>{{ $errors->first('facebook') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <label class="control-label" for="twitter">Twitter <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="twitter" name="twitter"
                                                value="{{ old('twitter') }}">
                                            @if ($errors->has('twitter'))
                                                <span class="text-danger">
                                                    <strong>{{ $errors->first('twitter') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <label class="control-label" for="linkedin">Linkedin <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="linkedin" name="linkedin"
                                                value="{{ old('linkedin') }}">
                                            @if ($errors->has('linkedin'))
                                                <span class="text-danger">
                                                    <strong>{{ $errors->first('linkedin') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label" for="description_en">Bio English</label>
                                    <br>
                                    <textarea id="my-editor" class="my-editor tinymce" name="description_en" placeholder="Place some text here">{{ old('description_en') }}</textarea>
                                    @if ($errors->has('description_en'))
                                        <span class="help-block text-danger">
                                            <strong>{{ $errors->first('description_en') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label class="control-label" for="description_np">Bio Nepali </label>
                                    <br>
                                    <textarea id="my-editor2" class="my-editor tinymce" name="description_np" placeholder="Place some text here">{{ old('description_np') }}</textarea>
                                    @if ($errors->has('description_np'))
                                        <span class="help-block text-danger">
                                            <strong>{{ $errors->first('description_np') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="control-label" for="appointment_date">Date of Appointment<span
                                            class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="appointment_date"
                                        name="appointment_date" value="{{ old('appointment_date') }}" autocomplete="off">
                                    @if ($errors->has('appointment_date'))
                                        <span class="text-danger">
                                            <strong>{{ $errors->first('appointment_date') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="showappointment">Show Appointment</label>
                                    <select name="showappointment" id="showappointmentid" class="form-control">
                                        <option value="1">Show</option>
                                        <option value="0">Hide</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="department">Member Type <span class='text-danger'>*</span> </label>
                                    <select name="member_type" id="member_type" class="form-control select2">
                                        <option value="">Select Member Type</option>
                                        @if (!empty($staffmembertype))
                                            @foreach ($staffmembertype as $kl => $item)
                                                <option value="{{ $item->id }}"
                                                    @if (old('member_type') == $item->id) {{ 'selected' }} @endif>
                                                    {{ $item->title_en }} </option>
                                            @endforeach
                                        @endif
                                    </select>
                                    @if ($errors->has('member_type'))
                                        <span class="text-danger">
                                            <strong>{{ $errors->first('member_type') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="department">Department<span class='text-danger'>*</span> </label>
                                    <select name="department_id" id="department_id" class="form-control select2">
                                        @if (!empty($departments))
                                            @foreach ($departments as $kl => $item)
                                                <option value="{{ $item->id }}">{{ $item->title_en }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                    @if ($errors->has('department_id'))
                                        <span class="text-danger">
                                            <strong>{{ $errors->first('department_id') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="department">Designation <span class='text-danger'>*</span> </label>
                                    <select name="designation_id[]" id="designation_id" class="form-control select2 fs-6"
                                        multiple>
                                        @if (!empty($designationlist))
                                            @foreach ($designationlist as $kl => $item)
                                                <option value="{{ $item->id }}"
                                                    @if (old('designation_id') == $item->id) {{ 'selected' }} @endif>
                                                    {{ $item->title_en }} ({{ $item->title_np }})</option>
                                            @endforeach
                                        @endif
                                    </select>
                                    @if ($errors->has('designation_id[]'))
                                        <span class="text-danger">
                                            <strong>{{ $errors->first('designation_id[]') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="department">Province <span class='text-danger'>*</span> </label>
                                    <select name="province[]" id="designation_id" class="form-control select2 fs-6"
                                        multiple>
                                        @if (!empty($province))
                                            @foreach ($province as $kl => $item)
                                                <option value="{{ $item->id }}"
                                                    @if (old('province') == $item->id) {{ 'selected' }} @endif>
                                                    {{ $item->title_en }} ({{ $item->title_np }})</option>
                                            @endforeach
                                        @endif
                                    </select>
                                    @if ($errors->has('province[]'))
                                        <span class="text-danger">
                                            <strong>{{ $errors->first('province[]') }}</strong>
                                        </span>
                                    @endif
                                </div>


                                <div class="form-group">
                                    <label class="control-label">Staff Image</label>
                                    <div id="holder" style="margin-top:15px;max-height:100px;"></div>
                                    <input id="thumbnail" class="form-control" type="text" name="image"
                                        readonly><br>
                                    <span class="input-group-btn">
                                        <a data-type="image" id="lfm-image" data-input="thumbnail" data-preview="holder"
                                            class="btn btn-info btn-sm fancy">
                                            <i class="fa fa-picture-o"></i> insert image
                                        </a>
                                        <a id="remove_image" class="btn btn-danger btn-sm fancy" onclick="removeImage()">
                                            <i class="fa fa-picture-o"></i> remove image
                                        </a>
                                    </span>
                                </div>
                                <img id="holder" style="margin-top:15px;max-height:100px;">

                                {{-- <div class="form-group">
                            <label class="control-label">File</label>
                            <input id="file" class="form-control" type="text" name="file" readonly><br>
                            <span class="input-group-btn">
                                <a id="lfm-file" data-input="file" data-preview="holder" class="btn btn-info btn-sm fancy">
                                    <i class="fa fa-picture-o"></i> insert file
                                </a>
                            </span>
                        </div> --}}
                                <div class="form-group">
                                    <label class="control-label" for="show_on_homepage">Show on HomePage List <span
                                            class="text-danger">*</span></label>
                                    <br>
                                    <label class="radio-inline">
                                        <input type="radio" name="show_on_homepage" value="1"> Yes
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="show_on_homepage" value="0" checked> No
                                    </label>
                                </div>
                                <div class="form-group">
                                    <label class="control-label" for="placement">Select your placement to show. <span
                                            class="text-danger">*</span></label>
                                    <select name="placement" id="placement" class="form-control">
                                        <option>Select one</option>
                                        <option value="1">Top</option>
                                        <option value="2">Middle Body</option>
                                        <option value="3">Footer</option>
                                    </select>
                                </div>


                                <div class="form-group">
                                    <label class="control-label" for="is_employee_of_the_year">Is employee of the year?
                                        <span class="text-danger">*</span></label>
                                    <br>
                                    <label class="radio-inline">
                                        <input type="radio" name="is_employee_of_the_year" value="1"> Yes
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="is_employee_of_the_year" value="0" checked> No
                                    </label>
                                </div>

                                <div class="form-group">
                                    <label class="control-label" for="year_employee_of_the_year">Specify year of 'employee
                                        of the year':</label>
                                    <input type="text" class="form-control" id="year_employee_of_the_year"
                                        name="year_employee_of_the_year" value="{{ old('year_employee_of_the_year') }}">
                                    @if ($errors->has('year_employee_of_the_year'))
                                        <span class="text-danger">
                                            <strong>{{ $errors->first('year_employee_of_the_year') }}</strong>
                                        </span>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label class="control-label" for="is_information_officer">Is information officer?
                                        <span class="text-danger">*</span></label>
                                    <br>
                                    <label class="radio-inline">
                                        <input type="radio" name="is_information_officer" value="1"> Yes
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="is_information_officer" value="0" checked> No
                                    </label>
                                </div>

                                <div class="form-group">
                                    <label class="control-label" for="sort_order">Sequence No</label>
                                    <input type="text" class="form-control" id="sort_order" name="sort_order"
                                        value="{{ old('sort_order') }}">
                                    @if ($errors->has('sort_order'))
                                        <span class="text-danger">
                                            <strong>{{ $errors->first('sort_order') }}</strong>
                                        </span>
                                    @endif
                                </div>



                                <div class="form-group">
                                    <label for="status">Status</label>
                                    <select name="status" id="statusid" class="form-control">
                                        <option value="1">{!! PUBLISH !!}</option>
                                        <option value="0">{!! UNPUBLISH !!}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-success btn-fill btn-sm "
                                        onclick="save()">Submit</button>
                                    <button type="reset" class="btn btn-danger btn-fill btn-sm  resetbtn">Clear</button>
                                </div>
                            </div>
                            {{-- <div class="col-md-12">
							<div class="form-group">
								<button type="submit" class="btn btn-success btn-fill btn-sm ">Submit</button>
							</div>
						</div> --}}
                        </div>
                    </form>
                </div>
            </div>
        </section>
    </div>
@endsection

@push('script')
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
    <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        $(document).ready(function() {
            $('.select2').select2();
        });
        $('#appointment_date').daterangepicker({
            singleDatePicker: true,
            showWeekNumbers: true,
            autoApply: true,
            showDropdowns: true,
            opens: "left",
            autoUpdateInput: false, // This prevents auto-populating the input
            locale: {
                format: 'YYYY-MM-DD'
            }
        });

        // When the user selects a date, update the input field
        $('#appointment_date').on('apply.daterangepicker', function(ev, picker) {
            $(this).val(picker.startDate.format('YYYY-MM-DD'));
        });

        // If the user cancels, clear the input field
        $('#appointment_date').on('cancel.daterangepicker', function(ev, picker) {
            $(this).val('');
        });
    </script>
@endpush