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

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

      <!-- end page title -->

      <div class='card'>
        <div class='card-header d-flex justify-content-between align-items-center'>
          <h2><?php echo label('View Detail'); ?></h2>
          <?php createButton('btn-primary btn-cancel', '', 'Back to List', route('districts.index')); ?>

        </div>
        <div class='card-body'>
          <p><b>Province:&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->proviences_id }}</span></p>
          <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>Description :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->description }}</span></p>
          <p><b>Display Order :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->display_order }}</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>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>
  </div>
@endSection