{{-- Extends layout --}}
@extends('layout.default')
{{-- Content --}}
@section('content')

<div class="card card-custom">
    <div class="card-header flex-wrap border-0 pt-6 pb-0">
        <div class="card-title">
            <h3 class="card-label">My Batches
            </h3>
        </div>
        <div class="card-toolbar">
        </div>
    </div>
    <div class="card-body">
        <table class="table table-bordered table-hover" id="batch1">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Instructor</th>
                    <th>Batch</th>
                    <th>Monday</th>
                    <th>Tuesday</th>
                    <th>Wednesday</th>
                    <th>Thursday</th>
                    <th>Friday</th>
                    <th>Saturday</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($batches as $row)
                <tr>
                    <td> <span class="text-dark-75 font-weight-bolder d-block font-size-lg">{{ $row ->participant_name }}</span>
                    </td>
                    <td><span class="text-dark-75 font-weight-bolder d-block font-size-lg">{{ $row ->FirstName }}</span><span class="text-muted font-weight-bold">{{ $row ->subject }}</span></td>
                    <td>{{ $row ->name }}</td>
                    <td>{{ $row ->Monday }}</td>
                    <td>{{ $row ->Tuesday }}</td>
                    <td>{{ $row ->Wednesday }}</td>
                    <td>{{ $row ->Thursday }}</td>
                    <td>{{ $row ->Friday }}</td>
                    <td>{{ $row ->Saturday }}</td>
                  
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection
{{-- Styles Section --}}
@section('styles')
<link href="{{ asset('plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css" />
@endsection
{{-- Scripts Section --}}
@section('scripts')
{{-- vendors --}}
<script src="{{ asset('plugins/custom/datatables/datatables.bundle.js') }}" type="text/javascript"></script>

{{-- page scripts --}}
<script type="text/javascript">
    var table = $('#batch1').DataTable({
        responsive: true,
        // Pagination settings
        dom: `<'row'<'col-sm-6 text-left'f><'col-sm-6 text-right'B>>
			<'row'<'col-sm-12'tr>>
			<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,

        buttons: [
            'print',
            'copyHtml5',
            'excelHtml5',
            'csvHtml5',
            'pdfHtml5',
        ],
    });
</script>

<script src="{{ asset('js/app.js') }}" type="text/javascript"></script>
@endsection