@extends('layouts.app')

@section('css')
@endsection

@section('content')

<div class="main main-app p-3 p-lg-4">
  <div class="d-md-flex align-items-center justify-content-between mb-4">
    <div>
      <ol class="breadcrumb fs-sm mb-1 mt-2">
        <li class="breadcrumb-item"><a href="#">{{$Title}}</a></li>
        <li class="breadcrumb-item active" aria-current="page">{{$Subtitle}}</li>
      </ol>
    </div>
    <div class="d-flex gap-2 mt-3 mt-md-0">
      <a href="{{route('module_sites.create')}}" class="btn btn-white d-flex align-items-center gap-2"><i class="ri-share-line fs-18 lh-1"></i>Create xxxx</a>
      <a href="{{route('home')}}" class="btn btn-primary d-flex align-items-center gap-2"><i class="ri-bar-chart-2-line fs-18 lh-1"></i>Back To Dashboard</a>
    </div>
  </div>

  <div class="row g-3">

    <div class="col-xl-8">
      <div class="card card-post">

        <div class="card-header">
          <h5 class="main-subtitle mb-0"">{{$Subtitle}}</h5>
        </div>

        <div class="card-body">
          <p class="mb-3">Title Card Body</p>

          <div class="table-responsive-sm text-nowrap">
            <table class="table table-sm table-hover table-bordered table-striped align-middle mb-0">
              <thead>
                <tr>
                  <th scope="col">Column/th>
                  <th scope="col">Column</th>
                  <th scope="col">Column</th>
                  <th scope="col">Action</th>
                </tr>
              </thead>
              <tbody>

                <tr>
                  <td>Data Column</td>
                  <td>Data Column</td>
                  <td>Data Column</td>
                  <td>
                    edit | delete
                  </td>
                </tr>

              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>

    <div class="col-xl-4">
      <div class="card">
        <div class="card-body">
          xxxxxx
        </div>
      </div>
    </div>

  </div><!-- row -->
  @include('layouts.inc.footer')
</div><!-- main -->
@endsection

@section('js')
  <script src="{{ asset('assets/js/script.js') }}"></script>
@endsection