@extends('admin.layouts.admin')
@section('content')
    <div class="page-content-tab">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <div class="page-title-box">
                        <div class="float-right">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item">
                                    <a href="javascript:void(0);">Employee</a>
                                </li>
                                <li class="breadcrumb-item">
                                    <a href="/admin/resign">Letter Settings</a>
                                </li>
                                <li class="breadcrumb-item active">Create </li>
                            </ol>
                        </div>
                        <h4 class="page-title">Create Letter Setting</h4>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-12">
                    <div class="card">
                        
                    <div class="card-body">
                            <form method="POST" action="{{ route('admin.employee.letter-settings.store') }}"
                                  class="row g-3">
                                @csrf
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="mb-2 text-bold-600 text-uppercase">Subject<span
                                                class="text-danger">*</span> </label>
                                        <input type="text" class="form-control @error('letter_subject') is-invalid @enderror"
                                               name="letter_subject" value="{{ old('letter_subject') }}" placeholder="Subject"
                                               aria-required="true" required>
                                        @error('letter_subject')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="mb-2 text-bold-600 text-uppercase">Type<span
                                                class="text-danger">*</span> </label>
                                        <select name="letter_type" class="select2 form-control mb-2 custom-select @error('letter_type') is-invalid @enderror"
                                        required>
                                        <option selected disabled value="">Select Type</option>
                                        <option value="Appointment" {{ old('letter_type') == 'Appointment' ? 'selected' : '' }}>Appointment</option>
                                        <option value="Promotion" {{ old('letter_type') == 'Promotion' ? 'selected' : '' }}>Promotion</option>
                                        <option value="Warning" {{ old('letter_type') == 'Warning' ? 'selected' : '' }}>Performance Warning</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="mb-2 text-bold-600 text-uppercase">Body<span
                                                class="text-danger">*</span> </label>
                                                <textarea name="letter_body" rows="5" cols="40" class="form-control tinymce-editor"></textarea>
                                        
                                    </div>
                                </div>

                                <div class="col-12">
                                    <button class="btn btn-primary" type="submit">Create</button>
                                </div>
                            </form>
                        </div><!--end card-body-->
                    </div>
                </div>
            </div>
        </div>
        @include('admin.sections.footer')
    </div>
@endsection

@section('style')
    <link href="{{ asset('assets/admin/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css') }}"  rel="stylesheet" type="text/css" />
    <style>
        .invalid-custom{
            color: #fd625e;
            font-size: 80%;
        }
    </style>
@endsection

@section('script')

<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>  
<script type="text/javascript">
    tinymce.init({
        selector: "textarea",
	plugins: [
		"code ",
		"paste"
	],
	toolbar: "undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link code ",
	menubar:false,
    statusbar: false,
	content_style: ".mce-content-body {font-size:15px;font-family:Arial,sans-serif;}",
	height: 200	
    });
</script>
@endsection