@extends('admin.admin_dashboard')

@section('admin')
<div class="content-body">
    <div class="container-fluid">

        {{-- Breadcrumb --}}
        <div class="row page-titles">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.shifts.index') }}">Shift</a></li>
                <li class="breadcrumb-item active">Manage Shifts</li>
            </ol>
        </div>

        {{-- Success Message --}}
        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif

        <div class="card">
            <div class="card-header d-flex justify-content-between">
                <h4 class="card-title">Shift List</h4>
                <a href="{{ route('admin.shifts.create') }}" class="btn btn-primary">Add Shift</a>
            </div>
            <div class="card-body">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Shift Name</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($shifts as $key=>$shift)
                            <tr>
                                <td>{{ $key+1 }}</td>
                                <td>{{ $shift->name }}</td>
                                <td>
                                    <a href="{{ route('admin.shifts.edit', $shift->id) }}" class="btn btn-sm btn-info">Edit</a>
                                    <a href="{{ route('admin.shifts.assign.class', $shift->id) }}" class="btn btn-sm btn-success">Assign Class</a>
                                    <form action="{{ route('admin.shifts.destroy',$shift->id) }}" method="POST" style="display:inline-block">
                                        @csrf
                                        @method('DELETE')
                                        <button class="btn btn-sm btn-danger" onclick="return confirm('Are you sure?')">Delete</button>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="3">No Shifts Found.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

    </div>
</div>
@endsection