@extends('layouts.master')
@section('content')
@if(session('error'))
    <div class="alert alert-danger" style="background-color: pink;">
        {{ session('error') }}
    </div>
@endif

@if(session('success'))
    <div class="alert alert-info" style="background-color: lightblue; color: black;">
        {{ session('success') }}
    </div>
@endif


<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.'.update', $data->id) }}">

   @csrf
        @method('DELETE')
        <fieldset disabled>
          
        @foreach($fields as $field_name => $label)
    <div class="mb-3">
        <label class="form-label" for="{{ $field_name }}">{{ $label }}</label>
        <input type="text" value="{{ $data->{$field_name} }}" class="form-control" name="{{ $field_name }}" id="{{ $field_name }}" placeholder="{{ $label }}">
        @error($field_name)
            <div>{{ $message }}</div>
        @enderror
    </div>
@endforeach
                    
                      </div>
                      </fieldset>
                      <br>
                      <div >
                        <a href="{{ route($routeBase.'.edit', $data->id) }}" class="btn btn-success btn-color">Edit</a>
                        <button type="submit" class="btn btn-danger btn-color">Delete</button>
                      </div>
                    </div>
                    </form>

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

@endsection