@extends('layouts.master')


@section('content')

<div id='mainContent'>
            <div class="container-fluid">
<div class="row gap-20 masonry pos-r">
              <div class="masonry-sizer col-md-6"></div>
              <div class="masonry-item col-md-12">
                <div class="bgc-white p-20 bd">
                <a href="{{ route($routeBase.'.index', $pamPayroll->id) }}" class="btn btn-success btn-color ">Back</a>
            <br><br>
                  <h5 class="c-grey-900">{{ $pageTitle }}</h5>   
                  <div class="mT-30">
                                
            

                  

<div class="container">
    <div class="row">
        <div class="col-md-8 offset-md-2">
            <div class="card">
                <div class="card-header">Create New Employee</div>

                <div class="card-body">
                    <form method="POST" action="{{ route('pam-emps.store') }}">
                        @csrf

                        <!-- Payroll ID -->
                        <div class="form-group">
                            <label for="payroll_id">Payroll ID</label>
                            <input type="text" class="form-control" id="payroll_id" name="payroll_id" required>
                        </div>

                        <!-- Man Number -->
                        <div class="form-group">
                            <label for="man_number">Man Number</label>
                            <input type="text" class="form-control" id="man_number" name="man_number" required>
                        </div>

                        <!-- National ID -->
                        <div class="form-group">
                            <label for="national_id">National ID</label>
                            <input type="text" class="form-control" id="national_id" name="national_id" required>
                        </div>

                        <!-- First Name -->
                        <div class="form-group">
                            <label for="first_name">First Name</label>
                            <input type="text" class="form-control" id="first_name" name="first_name" required>
                        </div>

                        <!-- Middle Name -->
                        <div class="form-group">
                            <label for="middle_name">Middle Name</label>
                            <input type="text" class="form-control" id="middle_name" name="middle_name" required>
                        </div>

                        <!-- Last Name -->
                        <div class="form-group">
                            <label for="last_name">Last Name</label>
                            <input type="text" class="form-control" id="last_name" name="last_name" required>
                        </div>

                        <!-- Gender -->
                        <div class="form-group">
                            <label for="gender">Gender</label>
                            <input type="text" class="form-control" id="gender" name="gender" required>
                        </div>

                        <!-- Date of Birth -->
                        <div class="form-group">
                            <label for="date_of_birth">Date of Birth</label>
                            <input type="date" class="form-control" id="date_of_birth" name="date_of_birth" required>
                        </div>

                        <!-- Basic Pay -->
                        <div class="form-group">
                            <label for="basic_pay">Basic Pay</label>
                            <input type="text" class="form-control" id="basic_pay" name="basic_pay" required>
                        </div>

                        <!-- Status -->
                        <div class="form-group">
                            <label for="status">Status</label>
                            <select class="form-control" id="status" name="status" required>
                                <option value="active">Active</option>
                                <option value="inactive">Inactive</option>
                            </select>
                        </div>

  
                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">Create Employee</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
            </div>
        </div>
    </div>
</div>
@endsection