@extends('layouts.admin')
@section('title','Institutes')
@section('breadcrumb')<li class="breadcrumb-item active">Institutes</li>@endsection
@section('admin-content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h4 class="fw-bold mb-0" style="color:#1e3a5f"><i class="fas fa-university me-2 text-warning"></i>Institutes</h4>
    <a href="{{ route('admin.institutes.create') }}" class="btn btn-primary"><i class="fas fa-plus me-1"></i>Add Institute</a>
</div>
<div class="card">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0 dataTable">
                <thead><tr><th>#</th><th>Name</th><th>Code</th><th>City</th><th>Phone</th><th>Status</th><th>Actions</th></tr></thead>
                <tbody>
                    @forelse($institutes as $i)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>
                            @if($i->logo)<img src="{{ asset('storage/'.$i->logo) }}" style="width:32px;height:32px;object-fit:cover;border-radius:6px" class="me-2">@endif
                            <strong>{{ $i->name }}</strong>
                        </td>
                        <td>{{ $i->code ?? '-' }}</td>
                        <td>{{ $i->city ?? '-' }}</td>
                        <td>{{ $i->phone ?? '-' }}</td>
                        <td><span class="badge {{ $i->is_active ? 'bg-success' : 'bg-secondary' }}">{{ $i->is_active ? 'Active':'Inactive' }}</span></td>
                        <td>
                            <a href="{{ route('admin.institutes.edit', $i) }}" class="btn btn-sm btn-outline-primary"><i class="fas fa-edit"></i></a>
                            <form action="{{ route('admin.institutes.destroy', $i) }}" method="POST" class="d-inline">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn btn-sm btn-outline-danger btn-delete"><i class="fas fa-trash"></i></button>
                            </form>
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="7" class="text-center py-4 text-muted">No institutes found. <a href="{{ route('admin.institutes.create') }}">Add one</a></td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="mt-3">{{ $institutes->links() }}</div>
@endsection
@push('scripts')<script>$('.dataTable').DataTable({paging:false,searching:true,info:false});</script>@endpush