@extends('layouts.admin')
@section('page_title','Menus')
@section('content')
<div style="display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start">
  <div class="card">
    <div class="card-header"><h3>Add New Menu</h3></div>
    <div class="card-body">
      <form method="POST" action="{{ route('admin.menus.store') }}">@csrf
        <div class="form-group"><label>Menu Name (English) *</label><input type="text" name="name" class="form-control" required placeholder="e.g. Home"></div>
        <div class="form-group"><label>Menu Name (Bengali)</label><input type="text" name="name_bn" class="form-control" placeholder="e.g. হোম"></div>
        <div class="form-group"><label>URL / Link</label><input type="text" name="url" class="form-control" placeholder="/pricing or https://..."></div>
        <div class="form-group"><label>Open In</label><select name="target" class="form-control"><option value="_self">Same Tab</option><option value="_blank">New Tab</option></select></div>
        <div class="form-group"><label>Parent Menu</label>
          <select name="parent_id" class="form-control">
            <option value="0">— Top Level —</option>
            @foreach($menus as $m)<option value="{{ $m->id }}">{{ $m->name }}</option>@endforeach
          </select>
        </div>
        <div class="form-group"><label>Sort Order</label><input type="number" name="sort_order" class="form-control" value="0"></div>
        <div class="form-group"><label>Status</label><select name="is_active" class="form-control"><option value="1">Active</option><option value="0">Inactive</option></select></div>
        <button type="submit" class="btn btn-primary"><i class="fas fa-plus"></i> Add Menu</button>
      </form>
    </div>
  </div>
  <div class="card">
    <div class="card-header"><h3>Menu List</h3></div>
    <div class="card-body" style="padding:0">
      <table class="admin-table">
        <thead><tr><th>Name</th><th>URL</th><th>Status</th><th>Actions</th></tr></thead>
        <tbody>
          @foreach($menus as $menu)
          <tr>
            <td><strong>{{ $menu->name }}</strong>@if($menu->name_bn)<br><small style="color:var(--text-light)">{{ $menu->name_bn }}</small>@endif</td>
            <td style="font-size:12px;color:var(--text-light)">{{ $menu->url }}</td>
            <td>@if($menu->is_active)<span class="badge badge-success">Active</span>@else<span class="badge badge-danger">Inactive</span>@endif</td>
            <td style="display:flex;gap:6px">
              <a href="{{ route('admin.menus.edit',$menu->id) }}" class="btn btn-sm btn-outline"><i class="fas fa-edit"></i></a>
              <form method="POST" action="{{ route('admin.menus.destroy',$menu->id) }}" style="display:inline">@csrf @method('DELETE')<button type="submit" class="btn btn-sm btn-danger" data-confirm="Delete this menu?"><i class="fas fa-trash"></i></button></form>
            </td>
          </tr>
          @foreach($menu->children as $child)
          <tr style="background:rgba(26,60,143,0.02)">
            <td style="padding-left:30px">↳ {{ $child->name }}</td>
            <td style="font-size:12px;color:var(--text-light)">{{ $child->url }}</td>
            <td>@if($child->is_active)<span class="badge badge-success">Active</span>@else<span class="badge badge-danger">Inactive</span>@endif</td>
            <td style="display:flex;gap:6px">
              <a href="{{ route('admin.menus.edit',$child->id) }}" class="btn btn-sm btn-outline"><i class="fas fa-edit"></i></a>
              <form method="POST" action="{{ route('admin.menus.destroy',$child->id) }}" style="display:inline">@csrf @method('DELETE')<button type="submit" class="btn btn-sm btn-danger" data-confirm="Delete?"><i class="fas fa-trash"></i></button></form>
            </td>
          </tr>
          @endforeach
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection