@extends('backend.layouts.master')
@section('section-title', 'Employee')
@section('page-title', 'Add Employee')
@section('action-button')
    <a href="{{ route('employee.index') }}" class="btn add_list_btn">
        <i class="mr-2 feather icon-list"></i>
        Employee List
    </a>
@endsection
@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card m-b-30 card_style">
                <div class="card-body">
                    <form class="needs-validation" action="{{ route('employee.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="form-row">
                            {{-- Name --}}
                            <div class="mb-3 col-md-12">
                                <label for="validationCustom01" class="form-label font-weight-bold">
                                    Name *
                                </label>
                                <input type="text" class="form-control" id="validationCustom01"
                                    placeholder="Enter Employee Name" name="name" required>
                            </div>
                            {{-- Phone --}}
                            <div class="mb-3 col-md-6">
                                <label for="validationCustom03" class="form-label font-weight-bold">
                                    Phone *
                                </label>
                                <input type="text" class="form-control" id="validationCustom03"
                                    placeholder="Enter Employee Phone" name="phone" required>
                            </div>
                            <div class="mb-3 col-md-6">
                                <label for="validationCustom03" class="form-label font-weight-bold">
                                    Designation *
                                </label>
                                <input type="text" class="form-control" id="validationCustom03"
                                    placeholder="Enter Employee Designation" name="designation" required>
                            </div>
                            <div class="mb-3 col-md-6">
                                <label for="validationCustom03" class="form-label font-weight-bold">
                                    Salary *
                                </label>
                                <input type="number" class="form-control" id="validationCustom03"
                                    placeholder="Enter Employee Salare" name="salary_amount" required>
                            </div>
                            <div class="mb-3 col-md-6">
                                <label for="validationCustom03" class="form-label font-weight-bold">
                                    Join Date *
                                </label>
                                <input type="date" class="form-control" id="validationCustom03"
                                    placeholder="Enter Employee Salare" value="{{ date('Y-m-d') }}" name="join_date" required>
                            </div>
                            
                            {{-- Employee Status --}}
                            <div class="mb-3 col-md-6">
                                <label for="validationCustom07" class="form-label font-weight-bold">
                                    Employee Status *
                                </label>
                                <select class="select2" id="validationCustom07" name="status" required>
                                    <option value="1">Active</option>
                                    <option value="0">Inactive</option>
                                </select>
                            </div>
                            {{-- Address --}}
                            {{-- <div class="mb-3 col-md-12">
                                <label for="validationCustom08" class="form-label font-weight-bold">
                                    Address *
                                </label>
                                <textarea class="form-control" id="validationCustom08" rows="5" placeholder="Enter Employee Address" name="address"></textarea>
                            </div> --}}
                        </div>
                        <hr>
                        <div class="mt-4 form-group d-flex justify-content-center">
                            <button class="mr-2 btn save_btn" type="submit">Submit</button>
                            <button class="btn cancel_btn">Cancel</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection