@extends('layouts.master')
@section('title', $title) 
@section('content')
<section class="content" style="padding: 0;">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12" style="padding: 0;">
                <div class="card">

                    <div class="card-header">
                        <h3 class="card-title">Event <small>Listing</small></h3>
                        <div class="col-md-12 text-end">
                            <a href="{{ route('calendarevent.create') }}" class="float-right">Create Event</a>
                            <a href="">
                                <h3 class="card-title"><small>&nbsp;&nbsp;Search Candidates </small></h3>
                            </a>
                        </div>
                    </div>
                    <div class="card-header">
                       <!-- @include('partials.quick-search')-->
                    </div>
                    <div class="card-header">
                        <div class="row">
                            <form method="POST" action="{{ route('candidates.index') }}" id="statusFilterForm" class="float-right">
                                @csrf
                                <div class="form-group col-md-12">
                                    <select class="otherFilter" id="perPage" name="rows_per_page">
                                        <option value="">Select</option>
                                        <option value="15" {{ $rowsPerPage == 15 ?  'selected' : ''}}>15</option>
                                        <option value="30" {{ $rowsPerPage == 30 ?  'selected' : ''}}>30</option>
                                        <option value="50" {{ $rowsPerPage == 50 ?  'selected' : ''}}>50</option>
                                        <option value="100" {{ $rowsPerPage == 100 ?  'selected' : ''}}>100</option>
                                    </select>
                                    <label for="perPage">Rows Per Page</label>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        @if ($error = Session::get('error'))
                        <div class="alert alert-danger">
                            <p>{{ $error }}</p>
                        </div>
                        @endif
                        @if ($success = Session::get('success'))
                        <div class="alert alert-success">
                            <p>{{ $success }}</p>
                        </div>
                        @endif

                        <table class="table table-bordered" data-list="calendarEventListView">
                            <thead>
                                <th>ID</th>
                                <th>Title</th>
                                <th>Teams Event</th>
                                <th>Action</th>
                            </thead>
                            <tbody>
                              
                                @if(count($events))
                                    @foreach($events as $event)
                                    <tr>
                                        <td>{{ $event->calendar_event_id }}</td>
                                        <td>{{ $event->title }}</td>
                                        <td><a href="{{ $event->teams_url }}">Teams URL</a></td>
                                        <td>
                                            <div class="dropdown"> <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton1" data-toggle="dropdown" aria-expanded="false"> Action </button>
                                                <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                                                    <a class="dropdown-item" href="{{ route('calendarevent.edit', ['id' => $event->calendar_event_id]) }}">Edit</a>
                                                    <a class="dropdown-item deleteentry" data-toggle="modal" data-target="#deletemodel" data-itemId="{{ $event->calendar_event_id }}">Delete</a>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                    @endforeach
                                @else
                                    <td colspan="3">No Record found</td>
                                @endif
                               
                            </tbody>
                        </table>
                    </div>
                    <!-- /.card-body -->
                </div>
                <!-- /.card -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
</section>
<div class="modal fade" id="deletemodel" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Delete</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                Are you sure you want to delete?
            </div>
            <div class="modal-footer">
                <form method="POST" id="deleteEntryForm" action="{{ route('calendarevent.delete') }}">
                    {{ csrf_field() }}
                    <input type="hidden" name="id" value="" id="itemId">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">No</button>
                    <button type="submit" class="btn btn-primary" id="deleteentry">Yes</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection