@extends('admin.layouts.layouts')

@section('title', 'Create | Resignations')

@section('page-css')
    <style>
        .form-check .form-check-label {
            margin-left: 25px !important;
        }
    </style>
@endsection

@section('content')
    <div class="page-header">
        <h3 class="page-title">
            Resignations
        </h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('resignations.index') }}">Resignations</a></li>
                <li class="breadcrumb-item active" aria-current="page">Create</li>
            </ol>
        </nav>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card">
                {!! Form::open([
                    'route' => 'resignations.store',
                    'method' => 'POST',
                    'id' => 'create-form',
                    'enctype' => 'multipart/form-data',
                    'autocomplete' => 'off',
                ]) !!}

                @csrf

                <div class="card-header">
                    <div class="d-flex justify-content-start align-items-center">
                        <h5 class="mb-0">Create Resignation</h5>
                    </div>
                </div>

                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                {!! Form::label('type', 'Type', ['class' => 'form-label']) !!}
                                <span class="text-danger">*</span>
                                {!! Form::select(
                                    'type',
                                    [
                                        'Self Resignation' => 'Self Resignation',
                                        'Other' => 'Other',
                                    ],
                                    null,
                                    [
                                        'class' => 'form-control select2',
                                        'placeholder' => 'Select Type',
                                        'data-parsley-required' => true,
                                        'data-parsley-required-message' => 'Please select type.',
                                        'data-parsley-errors-container' => '#type_error',
                                    ],
                                ) !!}
                                <span class="text-danger" id="type_error"></span>
                            </div>
                        </div>
                        <div class="col-md-6" id="other-type-div" style="display: none;">
                            <div class="form-group">
                                {!! Form::label('other_type', 'Other Type', ['class' => 'form-label']) !!}
                                <span class="text-danger">*</span>
                                {!! Form::text('other_type', null, [
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter Other Type',
                                    'data-parsley-required' => true,
                                    'data-parsley-required-message' => 'Please enter other type.',
                                    'data-parsley-errors-container' => '#other_type_error',
                                ]) !!}
                                <span class="text-danger" id="other_type_error"></span>
                            </div>
                        </div>
                        <div class="col-md-6" id="employee-div" style="display: none;">
                            <div class="form-group">
                                {!! Form::label('employee', 'Employee', ['class' => 'form-label']) !!}
                                <span class="text-danger">*</span>
                                {!! Form::select('employee', $employees, null, [
                                    'class' => 'form-control select2',
                                    'placeholder' => 'Select Employee',
                                    'data-parsley-required' => true,
                                    'data-parsley-required-message' => 'Please select employee.',
                                    'data-parsley-errors-container' => '#employee_error',
                                ]) !!}
                                <span class="text-danger" id="employee_error"></span>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                {!! Form::label('resignation_notice', 'Resignation Notice Type', ['class' => 'form-label']) !!}
                                <span class="text-danger">*</span>
                                <div class="row">
                                    <div class="col-md-auto d-flex flex-row">
                                        <div class="form-check">
                                            <label class="form-check-label">
                                                {!! Form::radio('resignation_notice', 'Immediate', false, [
                                                    'class' => 'form-check-input resignation-notice-radio',
                                                    'data-parsley-required' => true,
                                                    'data-parsley-required-message' => 'Please choose resignation notice type.',
                                                    'data-parsley-errors-container' => '#resignation_notice_error',
                                                ]) !!} Immediate
                                            </label>
                                        </div>
                                        <div class="form-check ml-3">
                                            <label class="form-check-label">
                                                {!! Form::radio('resignation_notice', 'Notice Period', false, [
                                                    'class' => 'form-check-input resignation-notice-radio',
                                                    'data-parsley-errors-container' => '#resignation_notice_error',
                                                ]) !!} Notice Period
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="text-danger" id="resignation_notice_error"></div>
                            </div>
                        </div>
                        <div class="col-md-6" id="no-of-days-div" style="display:none;">
                            <div class="form-group">
                                {!! Form::label('no_of_days', 'No. of Days', ['class' => 'form-label']) !!}
                                <span class="text-danger">*</span>
                                {!! Form::text('no_of_days', null, [
                                    'class' => 'form-control number',
                                    'placeholder' => 'Enter No. of Days',
                                    'data-parsley-required' => true,
                                    'data-parsley-required-message' => 'Please enter number of days.',
                                    'data-parsley-errors-container' => '#no_of_days_error',
                                ]) !!}
                                <span class="text-danger" id="no_of_days_error"></span>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                {!! Form::label('reason', 'Reason', ['class' => 'form-label']) !!}
                                <span class="text-danger">*</span>
                                {!! Form::textarea('reason', null, [
                                    'rows' => 4,
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter Reason',
                                    'data-parsley-required' => true,
                                    'data-parsley-required-message' => 'Please enter reason.',
                                    'data-parsley-errors-container' => '#reason_error',
                                ]) !!}
                                <span class="text-danger" id="reason_error"></span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card-footer">
                    {!! Form::submit('Create', [
                        'id' => 'create-btn',
                        'class' => 'btn btn-primary',
                        'type' => 'submit',
                    ]) !!}
                </div>

                {!! Form::close() !!}
            </div>
        </div>
    </div>
@endsection

@section('page-js')
    <script type="text/javascript">
        let indexRoute = "{{ route('resignations.index') }}";
        let storeRoute = "{{ route('resignations.store') }}";
    </script>
    <script src="{{ asset('assets/js/admin/resignation.js') }}"></script>
@endsection