@extends('layouts.main')

@section('content')


<style>
/* Page-specific overrides — layout provides base dark theme */
/* (No page-specific styles needed — all handled by layout) */
</style>


<div class="container-fluid py-4">
    @if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    {{-- Add Testimonial --}}
    <div class="card mb-4">
        <div class="card-header py-3">
            <h5 class="mb-0 fw-bold">Add Testimonial</h5>
        </div>
        <div class="card-body">
            <form action="{{ route('super-admin.testimonial.store') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="row">
                    <div class="col-md-2 mb-3">
                        <label class="form-label">Assign to Tenant (Optional)</label>
                        <select name="tenant_id" class="form-control">
                            <option value="">No Tenant (Global)</option>
                            @foreach($tenants as $t)
                                <option value="{{ $t->id }}">{{ $t->name }} ({{ $t->custom_domain }})</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2 mb-3"><label class="form-label">Name</label><input type="text" name="name"
                            class="form-control" required></div>
                    <div class="col-md-2 mb-3"><label class="form-label">Designation</label><input type="text"
                            name="designation" class="form-control" required></div>
                    <div class="col-md-4 mb-3"><label class="form-label">Description</label><textarea name="description"
                            class="form-control" rows="1" required></textarea></div>
                    <div class="col-md-2 mb-3"><label class="form-label">Image</label><input type="file" name="image"
                            class="form-control"></div>
                    <div class="col-md-2 mb-3 d-flex align-items-end"><button type="submit"
                            class="btn btn-primary w-100">Save</button></div>
                </div>
            </form>
        </div>
    </div>

    {{-- List --}}
    <div class="card">
        <div class="card-header py-3">
            <h5 class="mb-0 fw-bold">Testimonial List</h5>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Image</th>
                            <th>Name</th>
                            <th>Designation</th>
                            <th>Description</th>
                            <th class="text-center">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($testimonials as $item)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td><img src="{{ asset('uploads/testimonial/' . $item->image) }}" width="50"
                                    class="rounded"></td>
                            <td>{{ $item->name }}</td>
                            <td>{{ $item->designation }}</td>
                            <td>{{ Str::limit($item->description, 50) }}</td>
                            <td class="text-center">
                                <button class="btn btn-sm btn-primary" data-bs-toggle="modal"
                                    data-bs-target="#editModal{{ $item->id }}">Edit</button>
                                <form action="{{ route('super-admin.testimonial.destroy', $item->id) }}" method="POST"
                                    style="display:inline;">
                                    @csrf @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-danger"
                                        onclick="return confirm('Delete?')">Delete</button>
                                </form>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="6" class="text-center">No Data Found</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

{{-- MODALS MOVED OUTSIDE FOR PROPER FUNCTIONALITY --}}
@foreach($testimonials as $item)
<div class="modal fade" id="editModal{{ $item->id }}" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <form action="{{ route('super-admin.testimonial.update', $item->id) }}" method="POST"
            enctype="multipart/form-data" class="modal-content">
            @csrf @method('PUT')
            <div class="modal-header">
                <h5>Edit Testimonial</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12 mb-3">
                        <label>Assign to Tenant (Optional)</label>
                        <select name="tenant_id" class="form-control">
                            <option value="">No Tenant (Global)</option>
                            @foreach($tenants as $t)
                                <option value="{{ $t->id }}" {{ $item->tenant_id == $t->id ? 'selected' : '' }}>{{ $t->name }} ({{ $t->custom_domain }})</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-6 mb-3"><label>Name</label><input type="text" name="name"
                            value="{{ $item->name }}" class="form-control"></div>
                    <div class="col-md-6 mb-3"><label>Designation</label><input type="text" name="designation"
                            value="{{ $item->designation }}" class="form-control"></div>
                    <div class="col-12 mb-3"><label>Description</label><textarea name="description"
                            class="form-control">{{ $item->description }}</textarea></div>
                            <!-- File Input -->
                    <div class="col-12"><label>Change Image</label><input type="file" name="image" class="form-control">
                    </div>
                    <div class="col-12 mb-3">
                        <label class="d-block mb-2">Current Image</label>
                        @if($item->image)
                        <img src="{{ asset('uploads/testimonial/' . $item->image) }}" alt="Current Image"
                            class="rounded border mb-2" style="width: 100px; height: 100px; object-fit: cover;">
                        @else
                        <p class="text-muted">No image uploaded</p>
                        @endif
                    </div>

                    
                </div>
            </div>
            <div class="modal-footer"><button type="submit" class="btn btn-primary">Update</button></div>
        </form>
    </div>
</div>
@endforeach
@endsection