@extends('layouts.app')
@section('content')
  <div class="page-content">
    <div class="container-fluid">

      <!-- start page title -->
      @include('layouts.partials.breadcrumb', ['title' => 'Caste'])

      <!-- end page title -->
      <div class='card'>
        <div class="card-header align-items-center d-flex">
          <h5 class="card-title flex-grow-1 mb-0">View Detail</h5>
          <div class="flex-shrink-0">
            <a href="{{ route('castes.index') }}" class="btn btn-success waves-effect waves-light"><i
                class="ri-add-fill me-1 align-bottom"></i> Back to List</a>
          </div>
        </div>
      </div>

      <div class='card-body'>
        <p><b>Title :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->title }}</span></p>
        <p><b>Alias :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->alias }}</span></p>
        <p><b>Status :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span
            class="{{ $data->status == 1 ? 'text-success' : 'text-danger' }}">{{ $data->status == 1 ? 'Active' : 'Inactive' }}</span>
        </p>
        <p><b>Remarks :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->remarks }}</span></p>
        <p><b>Display Order :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->display_order }}</span></p>
        <p><b>Createdby :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->createdby }}</span></p>
        <p><b>Updatedby :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->updatedby }}</span></p>
        <div class="d-flex justify-content-between">
          <div>
            <p><b>Created On :</b>&nbsp;&nbsp;&nbsp;<span>{{ $data->created_at }}</span></p>
            <p><b>Created By :</b>&nbsp;&nbsp;&nbsp;<span>{{ $data->createdBy }}</span></p>
          </div>
          <div>
            <p><b>Updated On :</b>&nbsp;&nbsp;&nbsp;<span>{{ $data->updated_at }}</span></p>
            <p><b>Updated By :</b>&nbsp;&nbsp;&nbsp;<span>{{ $data->updatedBy }}</span></p>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection