@extends('layouts.master')
@section('content')
<div class="app-page-title">
    <div class="page-title-wrapper">
        <div class="page-title-heading">
            <div class="page-title-icon">
                <i class="pe-7s-medal icon-gradient bg-tempting-azure"></i>
            </div>
            <div>
            {{ $pageTitle }}
                <div class="page-title-subheading">Add an Employee to this payroll.</div>
            </div>

        @if(isset($error) || session('error'))
            <div class="alert alert-danger">
                {{ $error ?? session('error') }}
            </div>
        @endif
        </div>
        @include('layouts.payrollsubmenu')
    </div>
</div>
        <div class="main-card mb-3 card">
            <div class="card-body">
        
                  <form method="post" action="{{ route($routeBase.'.store') }}">
    @csrf
    <input type="hidden" name="payroll_id" id="payroll_id" value="{{ $pamPayroll->id }}">
                                 

    @foreach($fields as $field_name => $label)
        @if($field_name != 'id' && $field_name != 'Actions' && $field_name != 'payroll_id' && $field_name != 'date_of_birth' && $field_name != 'gender')
        <div class="row" style="margin-bottom: 20px;"> 
            <div class="col-md-3">
                <label class="form-label" for="{{ $field_name }}">{{ $label }}</label>
            </div>
                <div class="col-md-3">
                    <input type="text" class="form-control" name="{{ $field_name }}" id="{{ $field_name }}" placeholder="{{ $label }}">
                </div>
                @error($field_name)
                    <div>{{ $message }}</div>
                @enderror
        </div>

        @endif

        @if($field_name == 'date_of_birth')
        <div class="row" style="margin-bottom: 20px;">
        <div class="col-md-3">
                <label class="form-label" for="{{ $field_name }}">{{ $label }}</label>
            </div>
        <div class="col-md-3">

            <input type="date" class="form-control" id="{{ $field_name }}" name="{{ $field_name }}" required>
        </div>
</div>
        @endif

        @if($field_name == 'gender')
        
        <div class="row" style="margin-bottom: 20px;">
        <div class="col-md-3">
                <label class="form-label" for="{{ $field_name }}">{{ $label }}</label>
            </div>
        <div class="col-md-3">

            <select id="{{ $field_name }}" name="{{ $field_name }}" required>
                <option value="Undefined">Select Gender</option>
                <option value="M">Male</option>
                <option value="F">Female</option>

            </select>
        </div>
</div>

        @endif

    @endforeach
                      <div class="form-group">
                      <label class="form-label" for="status">Status </label>
                
                <label><input type="radio" name="status" value="active" required> Active </label>
                <label><input type="radio" name="status" value="inactive" required> Inactive </label>
            </div>
                    

                      
                      <button type="submit" class="btn btn-primary btn-color">Submit</button>
                      </div>
                      <div class="mT-30">
                                
                                @if(isset($error) || session('error'))
                    <div class="alert alert-danger">
                        {{ $error ?? session('error') }}
                    </div>
                @endif
                                        </div>
                    </form>
                  </div>
                </div>
             
@endsection