

<?php $__env->startSection('title', isset($leave) ? 'Edit Leave Request' : 'New Leave Request'); ?>
<?php $__env->startSection('heading', isset($leave) ? 'Edit Leave Request' : 'New Leave Request'); ?>

<?php $__env->startSection('content'); ?>
<?php ($leave = $leave ?? null); ?>
<?php echo $__env->make('leaves.top-submenu', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>

<div class="grid gap-6 xl:grid-cols-5">
    <div class="leave-create-form xl:col-span-3">
        <div class="leave-create-panel">
            <form
                action="<?php echo e(isset($leave) ? route('leaves.update', $leave) : route('leaves.store')); ?>"
                method="POST"
                class="leave-create-panel__form"
                enctype="multipart/form-data"
                novalidate
                data-leave-form="create"
                x-data="{
                    editing: <?php echo e(isset($leave) ? 'true' : 'false'); ?>,
                    userId: '<?php echo e(old('user_id', isset($leave) ? $leave->user_id : (auth()->user()->isTenantManager() ? '' : auth()->id()))); ?>',
                    leaveTypeId: '<?php echo e(old('leave_type_id', $leave?->leave_type_id ?? '')); ?>',
                    startDate: '<?php echo e(old('start_date', isset($leave) ? $leave->start_date?->format('Y-m-d') : '')); ?>',
                    endDate: '<?php echo e(old('end_date', isset($leave) ? $leave->end_date?->format('Y-m-d') : '')); ?>',
                    isHalfDay: <?php echo e((session()->hasOldInput() ? old('is_half_day') : (isset($leave) && $leave->is_half_day)) ? 'true' : 'false'); ?>,
                    halfLeave: '<?php echo e(old('half_leave', (isset($leave) && $leave->is_half_day) ? $leave->half_leave : '')); ?>',
                    isPaid: <?php echo e((session()->hasOldInput() ? old('is_paid') : (isset($leave) && $leave->is_paid)) ? 'true' : 'false'); ?>,
                    reason: <?php echo \Illuminate\Support\Js::from(old('reason', (isset($leave) && $leave->reason !== 'N/A') ? $leave->reason : ''))->toHtml() ?>,
                    reasonMax: 500,
                    available: null,
                    isUnlimited: false,
                    accrualMode: null,
                    earnedAsOfToday: null,
                    annualEntitlement: null,
                    isSingleDay() {
                        return this.startDate !== '' && this.endDate !== '' && this.startDate === this.endDate;
                    },
                    syncHalfDayDates() {
                        if (!this.isHalfDay) {
                            return;
                        }
                        if (this.startDate) {
                            this.endDate = this.startDate;
                            return;
                        }
                        if (this.endDate) {
                            this.startDate = this.endDate;
                        }
                    },
                    enforceHalfDayRule() {
                        if (this.isHalfDay) {
                            this.syncHalfDayDates();
                            return;
                        }
                        this.halfLeave = '';
                    },
                    async fetchBalance() {
                        if (!this.userId || !this.leaveTypeId) { this.available = null; return; }
                        const params = new URLSearchParams({ user_id: this.userId, leave_type_id: this.leaveTypeId });
                        const res = await fetch('<?php echo e(route('leaves.balance-lookup')); ?>?' + params.toString(), { headers: { 'Accept': 'application/json' } });
                        if (!res.ok) return;
                        const data = await res.json();
                        this.isUnlimited = !!data.is_unlimited;
                        if (!this.editing) {
                            this.isPaid = !!data.is_paid;
                        }
                        this.available = data.is_unlimited ? null : data.available;
                        this.accrualMode = data.accrual_mode || null;
                        this.earnedAsOfToday = data.earned_as_of_today;
                        this.annualEntitlement = data.annual_entitlement;
                    }
                }"
                x-init="$watch('userId', () => fetchBalance()); $watch('leaveTypeId', () => fetchBalance()); $watch('isHalfDay', () => enforceHalfDayRule()); $watch('startDate', () => { if (isHalfDay && startDate) endDate = startDate; }); $watch('endDate', () => { if (isHalfDay && endDate && startDate && endDate !== startDate) endDate = startDate; }); enforceHalfDayRule(); fetchBalance();"
            >
                <?php echo csrf_field(); ?>
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(isset($leave)): ?>
                    <?php echo method_field('PUT'); ?>
                <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

                <section class="leave-create-section">
                    <div class="leave-create-section__head">
                        <span class="leave-create-section__icon leave-create-section__icon--teal">
                            <i class="bi bi-calendar2-week"></i>
                        </span>
                        <h3>Leave details</h3>
                    </div>

                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(auth()->user()->isTenantManager() && ! isset($leave)): ?>
                        <div class="leave-create-field">
                            <label class="leave-create-label">Employee <span>*</span></label>
                            <select name="user_id" x-model="userId" class="leave-create-control js-select2">
                                <option value="">Select employee</option>
                                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $users; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $user): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <option value="<?php echo e($user->id); ?>" <?php if(old('user_id') == $user->id): echo 'selected'; endif; ?>><?php echo e($user->name); ?></option>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                            </select>
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__errorArgs = ['user_id'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><p class="leave-create-error"><?php echo e($message); ?></p><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                            <p data-js-error="user_id" class="leave-create-error hidden"></p>
                        </div>
                    <?php else: ?>
                        <input type="hidden" name="user_id" value="<?php echo e(isset($leave) ? $leave->user_id : auth()->id()); ?>">
                    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

                    <div class="leave-create-field">
                        <label class="leave-create-label">Leave Type <span>*</span></label>
                        <select name="leave_type_id" x-model="leaveTypeId" class="leave-create-control js-select2">
                            <option value="">Select leave type</option>
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $leaveTypes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $type): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <option value="<?php echo e($type->id); ?>" <?php if(old('leave_type_id', $leave?->leave_type_id ?? '') == $type->id): echo 'selected'; endif; ?>><?php echo e($type->name); ?></option>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                        </select>
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__errorArgs = ['leave_type_id'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><p class="leave-create-error"><?php echo e($message); ?></p><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                        <p data-js-error="leave_type_id" class="leave-create-error hidden"></p>
                    </div>

                    <div class="leave-create-balance" x-show="leaveTypeId" x-cloak>
                        <p>
                            <span class="leave-create-balance__label">Available balance:</span>
                            <span x-text="isUnlimited ? 'Unlimited' : (available !== null ? available + ' day(s)' : '—')"></span>
                        </p>
                        <p
                            class="leave-create-balance__hint"
                            x-show="!isUnlimited && accrualMode === 'monthly'"
                            x-text="earnedAsOfToday !== null ? 'Monthly accrual: ' + earnedAsOfToday + ' earned till today, annual cap ' + annualEntitlement : ''"
                        ></p>
                    </div>

                    <input type="hidden" name="is_paid" value="0">
                    <label class="leave-create-check" x-show="leaveTypeId" x-cloak>
                        <input id="is_paid" type="checkbox" name="is_paid" value="1" x-model="isPaid">
                        <span>Paid Leave</span>
                    </label>
                </section>

                <section class="leave-create-section">
                    <div class="leave-create-section__head">
                        <span class="leave-create-section__icon leave-create-section__icon--sky">
                            <i class="bi bi-calendar-range"></i>
                        </span>
                        <h3>Duration</h3>
                    </div>

                    <div class="leave-create-grid">
                        <div class="leave-create-field">
                            <label class="leave-create-label">Start Date <span>*</span></label>
                            <input type="date" name="start_date" x-model="startDate" class="leave-create-control">
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__errorArgs = ['start_date'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><p class="leave-create-error"><?php echo e($message); ?></p><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                            <p data-js-error="start_date" class="leave-create-error hidden"></p>
                        </div>
                        <div class="leave-create-field">
                            <label class="leave-create-label">End Date <span>*</span></label>
                            <input
                                type="date"
                                name="end_date"
                                x-model="endDate"
                                :readonly="isHalfDay"
                                class="leave-create-control"
                                :class="isHalfDay ? 'is-muted' : ''"
                            >
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__errorArgs = ['end_date'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><p class="leave-create-error"><?php echo e($message); ?></p><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                            <p data-js-error="end_date" class="leave-create-error hidden"></p>
                            <p class="leave-create-hint" x-show="isHalfDay" x-cloak>Matches start date for half-day leave.</p>
                        </div>
                    </div>

                    <div class="leave-create-grid leave-create-grid--align-end">
                        <label class="leave-create-halfday">
                            <input x-model="isHalfDay" id="is_half_day" type="checkbox" name="is_half_day" value="1">
                            <i class="bi bi-clock"></i>
                            <span>Half Day Leave</span>
                        </label>

                        <div class="leave-create-field" x-show="isHalfDay" x-cloak>
                            <label class="leave-create-label">Half Day Slot <span>*</span></label>
                            <select name="half_leave" x-model="halfLeave" class="leave-create-control js-select2">
                                <option value="">Select slot</option>
                                <option value="first_half" <?php if(old('half_leave', (isset($leave) && $leave->is_half_day) ? $leave->half_leave : '') === 'first_half'): echo 'selected'; endif; ?>>First Half</option>
                                <option value="second_half" <?php if(old('half_leave', (isset($leave) && $leave->is_half_day) ? $leave->half_leave : '') === 'second_half'): echo 'selected'; endif; ?>>Second Half</option>
                            </select>
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__errorArgs = ['half_leave'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><p class="leave-create-error"><?php echo e($message); ?></p><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                            <p data-js-error="half_leave" class="leave-create-error hidden"></p>
                            <p class="leave-create-hint" x-show="!isSingleDay()" x-cloak>Choose a start date to apply half-day leave.</p>
                        </div>
                    </div>
                </section>

                <section class="leave-create-section">
                    <div class="leave-create-section__head">
                        <span class="leave-create-section__icon leave-create-section__icon--violet">
                            <i class="bi bi-chat-left-text"></i>
                        </span>
                        <h3>Additional details</h3>
                    </div>

                    <div class="leave-create-field">
                        <label class="leave-create-label">Reason <span>*</span></label>
                        <div class="leave-create-reason">
                            <textarea
                                name="reason"
                                rows="3"
                                maxlength="500"
                                x-model="reason"
                                class="leave-create-control leave-create-control--textarea"
                                placeholder="Enter reason for leave"
                            ></textarea>
                            <span class="leave-create-reason__count" x-text="(reason ? reason.length : 0) + '/' + reasonMax"></span>
                        </div>
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__errorArgs = ['reason'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><p class="leave-create-error"><?php echo e($message); ?></p><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                        <p data-js-error="reason" class="leave-create-error hidden"></p>
                    </div>

                    <div class="leave-create-field">
                        <label class="leave-create-label">Attachment <span class="leave-create-label__optional">(optional)</span></label>
                        <input type="file" name="attachment" accept=".pdf,.doc,.docx,.png,.jpg,.jpeg" class="leave-create-control leave-create-control--file">
                        <p class="leave-create-hint">Allowed file types: PDF, DOC, DOCX, PNG, JPG (Max 5 MB)</p>
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__errorArgs = ['attachment'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><p class="leave-create-error"><?php echo e($message); ?></p><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                    </div>
                </section>

                <div class="leave-create-actions">
                    <a href="<?php echo e(route('leaves.index')); ?>" class="leave-create-btn leave-create-btn--ghost">Cancel</a>
                    <button type="submit" class="leave-create-btn leave-create-btn--primary">
                        <i class="bi bi-send"></i>
                        <?php echo e(isset($leave) ? 'Save changes' : 'Submit Request'); ?>

                    </button>
                </div>
            </form>
        </div>
    </div>

    <div class="xl:col-span-2">
        <?php echo $__env->make('leaves.partials.create-sidebar', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    </div>
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startPush('styles'); ?>
<style>
    .leave-create-form {
        --lc-accent: var(--color-primary, #0c6e6d);
        --lc-height: 34px;
        --lc-radius: 0.5rem;
    }

    .leave-create-panel {
        border: 1px solid #e2e8f0;
        border-radius: 0.75rem;
        background: #fff;
        padding: 1rem 1.15rem;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    }

    .leave-create-panel__form {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .leave-create-section {
        display: flex;
        flex-direction: column;
        gap: 0.7rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #f1f5f9;
    }

    .leave-create-section:last-of-type {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .leave-create-section__head {
        display: flex;
        align-items: center;
        gap: 0.55rem;
    }

    .leave-create-section__head h3 {
        margin: 0;
        font-size: 0.9375rem;
        font-weight: 600;
        color: #0f172a;
    }

    .leave-create-section__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2rem;
        height: 2rem;
        border-radius: 0.5rem;
        font-size: 0.9rem;
        flex-shrink: 0;
    }

    .leave-create-section__icon--teal {
        background: #e6f5f5;
        color: #0c6e6d;
    }

    .leave-create-section__icon--sky {
        background: #e0f2fe;
        color: #0284c7;
    }

    .leave-create-section__icon--violet {
        background: #f5f3ff;
        color: #7c3aed;
    }

    .leave-create-grid {
        display: grid;
        gap: 0.75rem 1rem;
        grid-template-columns: 1fr;
    }

    .leave-create-grid--align-end {
        align-items: end;
    }

    @media (min-width: 640px) {
        .leave-create-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .leave-create-field {
        min-width: 0;
    }

    .leave-create-label {
        display: block;
        margin-bottom: 0.25rem;
        font-size: 0.8125rem;
        font-weight: 600;
        color: #334155;
    }

    .leave-create-label span {
        color: #ef4444;
    }

    .leave-create-label__optional {
        color: #64748b !important;
        font-weight: 400;
    }

    .leave-create-control {
        display: block;
        width: 100%;
        min-height: var(--lc-height);
        height: var(--lc-height);
        padding: 0.35rem 0.7rem;
        border: 1px solid #cbd5e1;
        border-radius: var(--lc-radius) !important;
        background: #fff;
        color: #0f172a;
        font-size: 0.8125rem;
        line-height: 1.25;
        box-sizing: border-box;
    }

    .leave-create-control:focus {
        outline: none;
        border-color: var(--lc-accent);
        box-shadow: 0 0 0 0.16rem rgba(12, 110, 109, 0.14);
    }

    .leave-create-control.is-muted,
    .leave-create-control[readonly] {
        background: #f1f5f9;
    }

    .leave-create-control--textarea {
        height: auto;
        min-height: 5.5rem;
        padding: 0.6rem 0.75rem 1.5rem;
        resize: vertical;
    }

    .leave-create-control--file {
        height: auto;
        min-height: var(--lc-height);
        padding: 0.55rem 0.75rem;
        border-style: dashed;
        background: #f8fafc;
        color: #64748b;
    }

    .leave-create-reason {
        position: relative;
    }

    .leave-create-reason__count {
        position: absolute;
        right: 0.7rem;
        bottom: 0.45rem;
        font-size: 0.7rem;
        color: #94a3b8;
        pointer-events: none;
    }

    .leave-create-balance {
        border: 1px solid rgba(12, 110, 109, 0.2);
        border-radius: var(--lc-radius);
        background: var(--color-primary-light, #e6f5f5);
        padding: 0.55rem 0.75rem;
        font-size: 0.8125rem;
        color: #334155;
    }

    .leave-create-balance__label {
        font-weight: 600;
        color: var(--lc-accent);
    }

    .leave-create-balance__hint {
        margin: 0.2rem 0 0;
        font-size: 0.7rem;
        color: #64748b;
    }

    .leave-create-check,
    .leave-create-halfday {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        min-height: var(--lc-height);
        font-size: 0.8125rem;
        color: #334155;
        cursor: pointer;
    }

    .leave-create-halfday {
        width: 100%;
        padding: 0 0.75rem;
        border: 1px solid #e2e8f0;
        border-radius: var(--lc-radius);
        background: #f8fafc;
        font-weight: 500;
    }

    .leave-create-halfday i {
        color: #64748b;
    }

    .leave-create-check input,
    .leave-create-halfday input {
        border-radius: 0.25rem;
        border-color: #cbd5e1;
        color: var(--lc-accent);
    }

    .leave-create-hint {
        margin: 0.25rem 0 0;
        font-size: 0.7rem;
        color: #64748b;
    }

    .leave-create-error {
        margin: 0.25rem 0 0;
        font-size: 0.75rem;
        color: #dc2626;
    }

    .leave-create-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        padding-top: 0.85rem;
        border-top: 1px solid #f1f5f9;
    }

    .leave-create-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.35rem;
        min-height: 2rem;
        padding: 0.35rem 0.9rem;
        border-radius: var(--lc-radius) !important;
        font-size: 0.8125rem;
        font-weight: 600;
        line-height: 1.2;
        border: 1px solid transparent;
    }

    .leave-create-btn--ghost {
        border-color: #cbd5e1;
        background: #fff;
        color: #334155;
    }

    .leave-create-btn--ghost:hover {
        background: #f8fafc;
    }

    .leave-create-btn--primary {
        background: var(--lc-accent);
        color: #fff;
    }

    .leave-create-btn--primary:hover {
        background: var(--color-primary-hover, #0a5c5b);
    }

    .leave-create-form .select2-container {
        width: 100% !important;
    }

    .leave-create-form .select2-container .select2-selection--single {
        min-height: var(--lc-height) !important;
        height: var(--lc-height) !important;
        border-radius: var(--lc-radius) !important;
        border-color: #cbd5e1 !important;
    }

    .leave-create-form .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 32px !important;
        font-size: 0.8125rem;
        padding-left: 0.7rem;
    }

    .leave-create-form .select2-container .select2-selection--single .select2-selection__arrow {
        height: 32px !important;
    }

    .leave-create-form input.leave-create-control,
    .leave-create-form select.leave-create-control,
    .leave-create-form textarea.leave-create-control {
        border-radius: var(--lc-radius) !important;
    }
</style>
<?php $__env->stopPush(); ?>

<?php $__env->startPush('scripts'); ?>
<script src="<?php echo e(asset('js/form-validation.js')); ?>"></script>
<script src="<?php echo e(asset('js/form-text-rules.js')); ?>"></script>
<script src="<?php echo e(asset('js/leave-form-validation.js')); ?>"></script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /var/www/html/kiyohr/v2_version/resources/views/leaves/create.blade.php ENDPATH**/ ?>