@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('pam-payroll.index') }}" class="btn btn-success btn-color ">Back</a>
            <br><br>
                  <h5 class="c-grey-900">Create Payroll</h5>   
                  <div class="mT-30">
                                
            

                  <form method="post" action="{{ route('pam-payroll.store') }}">
    @csrf
    
    @foreach($fields as $field_name => $label)
        @if($field_name != 'id' && $field_name != 'Actions')
            <div class="mb-3">
                <label class="form-label" for="{{ $field_name }}">{{ $label }}</label>
                <input type="text" class="form-control" name="{{ $field_name }}" id="{{ $field_name }}" placeholder="{{ $label }}">
                @error($field_name)
                    <div>{{ $message }}</div>
                @enderror
            </div>
        @endif
    @endforeach
                      </div>
                      <div class="form-group">
                      <label class="form-label" for="status">Status </label>
              <div class="mb-3">
                <label class="form-label" for="source">Source</label>
                <input type="text" class="form-control" name="source" id="source" placeholder="source">
                @error($field_name)
                    <div>{{ $message }}</div>
                @enderror
            </div>
                <label><input type="radio" name="status" value="A" required> Active </label>
                <label><input type="radio" name="status" value="I" required> Inactive </label>
            </div>
                    </div>

                  
                      
                      <button type="submit" class="btn btn-primary btn-color">Submit</button>
                      </div>
                    </form>
                  </div>
                </div>
              </div>
            </div>
            </div>
            </div>
@endsection