@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') }}" class="btn btn-success btn-color ">Back</a>
            <br><br>
                  <h5 class="c-grey-900">{{ $pageTitle }}</h5>   
                  <div class="mT-30">
                                
            

                  <form method="post" action="{{ route($routeBase.'.store') }}">
    @csrf

    @foreach($fields as $field_name => $label)
        @if($field_name != 'id' && $field_name != 'Actions' && $field_name != 'payroll_id')
            <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

        @if($field_name == 'payroll_id')
         <div class ="mb-3">
         <select class="form-control" name="payroll_id" id="payroll_id">
                                    @foreach($payrolls as $payroll)
                                        <option value="{{ $payroll->id }}">{{ $payroll->short_description }}</option>
                                    @endforeach
                                </select>
                                </div>
        @endif
    @endforeach
                      </div>
                      <div class="form-group">
                      <label class="form-label" for="status">Status </label>
                
                <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