@extends('layouts.admin')

@section('title', $module)
@section('subtitle', $module . ' / Entry, List and Details View')

@section('content')
<section class="hero">
  <h1>{{ $module }}</h1>
  <p>Module-wise ready UI placeholder. Connect this page with module controller, model and database table.</p>
</section>

<div class="cardx">
  <ul class="nav nav-pills mb-4">
    <li class="nav-item"><button class="nav-link active" data-bs-toggle="pill" data-bs-target="#entry">Entry Form</button></li>
    <li class="nav-item"><button class="nav-link" data-bs-toggle="pill" data-bs-target="#list">List View</button></li>
    <li class="nav-item"><button class="nav-link" data-bs-toggle="pill" data-bs-target="#details">Details View</button></li>
  </ul>

  <div class="tab-content">
    <div class="tab-pane fade show active" id="entry">
      <div class="form-section">
        <h4>{{ $module }} Entry Form</h4>
        <div class="row g-3">
          <div class="col-md-6"><label class="form-label">Code</label><input class="form-control"></div>
          <div class="col-md-6"><label class="form-label">Name / Title</label><input class="form-control"></div>
          <div class="col-md-6"><label class="form-label">Date</label><input type="date" class="form-control"></div>
          <div class="col-md-6"><label class="form-label">Status</label><select class="form-select"><option>Active</option><option>Pending</option></select></div>
          <div class="col-12"><label class="form-label">Remarks</label><textarea class="form-control" rows="3"></textarea></div>
        </div>
      </div>
      <button class="btn btn-brand">Submit</button>
    </div>
    <div class="tab-pane fade" id="list">
      <div class="table-responsive">
        <table class="table custom-table"><thead><tr><th>Code</th><th>Name</th><th>Date</th><th>Status</th><th>Action</th></tr></thead><tbody><tr><td>001</td><td>{{ $module }}</td><td>{{ date('Y-m-d') }}</td><td><span class="badge bg-success-subtle text-success">Active</span></td><td><button class="btn btn-sm btn-outline-primary">View</button></td></tr></tbody></table>
      </div>
    </div>
    <div class="tab-pane fade" id="details">
      <div class="row g-3">
        <div class="col-md-4"><div class="detail-box"><span>Module</span><b>{{ $module }}</b></div></div>
        <div class="col-md-4"><div class="detail-box"><span>Status</span><b>Active</b></div></div>
        <div class="col-md-4"><div class="detail-box"><span>Updated</span><b>{{ date('Y-m-d') }}</b></div></div>
      </div>
    </div>
  </div>
</div>
@endsection