@extends('layouts.admin')
@section('page_title','Banners / Sliders')
@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 Banner</h3></div>
    <div class="card-body">
      <form method="POST" action="{{ route('admin.banners.store') }}" enctype="multipart/form-data">@csrf
        <div class="form-group"><label>Title (English)</label><input type="text" name="title" class="form-control"></div>
        <div class="form-group"><label>Title (Bengali)</label><input type="text" name="title_bn" class="form-control"></div>
        <div class="form-group"><label>Subtitle / Description</label><input type="text" name="subtitle" class="form-control"></div>
        <div class="form-group"><label>Button Text</label><input type="text" name="button_text" class="form-control" placeholder="Get Started"></div>
        <div class="form-group"><label>Button Link</label><input type="text" name="button_link" class="form-control" placeholder="/pricing"></div>
        <div class="form-group"><label>Banner Image</label><input type="file" name="image" class="form-control" accept="image/*"></div>
        <div class="form-group"><label>Position</label><select name="position" class="form-control"><option value="hero">Hero / Slider</option><option value="popup">Popup</option></select></div>
        <div class="form-group"><label>Sort Order</label><input type="number" name="sort_order" class="form-control" value="0"></div>
        <button type="submit" class="btn btn-primary"><i class="fas fa-plus"></i> Add Banner</button>
      </form>
    </div>
  </div>
  <div class="card">
    <div class="card-header"><h3>All Banners</h3></div>
    <div class="card-body" style="padding:0">
      <table class="admin-table">
        <thead><tr><th>Image</th><th>Title</th><th>Position</th><th>Status</th><th>Actions</th></tr></thead>
        <tbody>
          @foreach($banners as $b)
          <tr>
            <td>@if($b->image)<img src="{{ asset($b->image) }}" style="height:40px;width:80px;object-fit:cover;border-radius:4px">@else<span style="color:var(--text-muted)">No image</span>@endif</td>
            <td>{{ Str::limit($b->title,35) }}</td>
            <td><span class="badge badge-primary">{{ $b->position }}</span></td>
            <td>@if($b->is_active)<span class="badge badge-success">Active</span>@else<span class="badge badge-danger">Hidden</span>@endif</td>
            <td style="display:flex;gap:6px">
              <form method="POST" action="{{ route('admin.banners.update',$b->id) }}" style="display:inline">@csrf @method('PUT')<input type="hidden" name="is_active" value="{{ $b->is_active?0:1 }}"><button type="submit" class="btn btn-sm btn-outline">{{ $b->is_active?'Hide':'Show' }}</button></form>
              <form method="POST" action="{{ route('admin.banners.destroy',$b->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
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection