@extends('layouts.backend.index')
@section('title', $label)

@section('content')
    <div class="card">
        <div class="card-body">
            <x-section-header action="create" :icon="$icon" :label="$label" hr-class="mb-4" />

            <form id="form" method="post" action="{{ route('employee.store') }}" class="form-block" enctype="multipart/form-data">
                @csrf

                <div class="row">
                    <div class="col-sm-12 col-md-8">
                        <x-form.input-text name="nip" label="NIP" :old="old('nip')" />
                        <x-form.input-text name="name" label="Nama" :old="old('name')" />
                        <div class="row">
                            <div class="col-sm-12 col-md-6">
                                <x-form.select name="position" label="Jabatan" :old="old('position')" :option="$option['position']" required />
                            </div>
                            <div class="col-sm-12 col-md-6">
                                <x-form.radio name="salary_type" label="Tipe Penggajian" :option="$option['salary_type']"
                                    :old="old('salary_type', 1)" />
                            </div>
                            <div class="col-sm-12 col-md-6">
                                <x-form.date-picker name="birthdate" label="Tanggal Lahir" picker-type="date" :old="old('birthdate')" :optional="true" />
                            </div>
                            <div class="col-sm-12 col-md-6">
                                <x-form.input-group-mask name="phone" label="No. HP" mask="phone"
                                    addon="<i class='mdi mdi-cellphone'></i>" :old="old('phone')" :optional="true" />
                            </div>
                            <div class="col-sm-12 col-md-6">
                                <x-form.input-group-mask name="email" label="Email" mask="email"
                                    addon="<i class='mdi mdi-email'></i>" :old="old('email')" :optional="true" />
                            </div>

                        </div>


                    </div>
                    <div class="col-sm-12 col-md-4">
                        <x-form.input-group-mask name="salary" label="Gaji" mask="nominal" addon="Rp."
                            :old="old('salary', 0)" />
                        <x-form.input-group-mask name="salary_overtime" label="Gaji Lembur (Perjam)" mask="nominal"
                            addon="Rp." :old="old('salary_overtime', 0)" />
                        <x-form.input-group-mask name="allowance_meal" label="Uang Makan (Perhari)" mask="nominal"
                            addon="Rp." :old="old('allowance_meal', 0)" />
                            <x-form.input-group-mask name="bpjs" label="BPJS" mask="nominal"
                            addon="Rp." :old="old('bpjs', 0)" />
                    </div>
                    <div class="col-sm-12">
                        <x-form.text-area rows='6' name="address" label="Alamat" :old="old('address')" :optional="true" />

                    </div>
                </div>

                <div class="row">
                    <div class="col-sm-6 col-md-4">
                        <div class="form-group">
                            <label>Status</label>
                            <div class="form-check-box">
                                <div class="row">