@extends('layouts.app')
@section('content')
  <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('companies.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 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>Description :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->description }}</span></p>
      <p><b>Address :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->address }}</span></p>
      <p><b>Cities Id :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->cities_id }}</span></p>
      <p><b>Companytypes Id :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->companytypes_id }}</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>
@endSection