@extends('layouts.admin.admin')


@section('title', 'Mass Remove Graduate')

@section('content')
<div class="col-12">
    <div class="page-title-box d-flex align-items-center justify-content-between">
        <h5 class="mb-0 font-size-18">Mass Remove Graduate</h5>

        <div class="page-title-right">
            <ol class="breadcrumb m-0">
                <li class="breadcrumb-item"><a href="javascript: void(0);">Home</a></li>
                <li class="breadcrumb-item ">Ceremony</li>
                <li class="breadcrumb-item active">Mass Remove Graduate</li>
            </ol>
        </div>

    </div>
</div>
    <section>
        <div class="section-body">
            <form class="form form-validate floating-label"
                action="{{ route('ceremony.mass-remove-graduate.post', $ceremony->id) }}" method="POST"
                enctype="multipart/form-data" novalidate>
                @csrf
                <div class="card">
                    <div class="card-underline">
                        <div class="card-header">
                            <header class="mt-2">
                                <h5>Remove Mass Graduate  To Ceremony</h3>
                            </header>
                        </div>
                        <div class="card-body">
                            <div class="form-group ">
                                <label for="date" class="col-form-label pt-0">Institution</label>
                                <input class="form-control" type="text" disabled
                                    value="{{ $ceremony->graduation->institution->name }}">
                            </div>
                            <div class="form-group ">
                                <label for="date" class="col-form-label pt-0">Date</label>
                                <input class="form-control" type="text" disabled
                                    value="{{ \Carbon\Carbon::parse($ceremony->date)->format(config('custom.dfy')) }}">
                            </div>
                            <div class="form-group ">
                                <label for="time" class="col-form-label pt-0">Time</label>
                                <input class="form-control" type="text" disabled value="{{ $ceremony->time }}">
                            </div>
                            <div class="form-group ">
                                <label for="venue" class="col-form-label pt-0">Venue</label>
                                <input class="form-control" type="text" disabled value="{{ $ceremony->venue }}">
                            </div>
                            <div class="form-group">
                                <label for="" class="col-form-label pt-2"">Graduates</label>
                                <div class="row">
                                    <div class="col-md-12">
                                        <input type="checkbox" onclick="checkAll(this)" checked> <strong class="text-info">Select All Graduated</strong>
                                    </div>
                                </div>
                                <div class="row mt-3">
                                    @foreach ($graduates as $key => $g)
                                    
                                        <div class="col-md-6">
                                            <input type="checkbox" class="graduate" name="g_ids[]" value="{{ $g->id }}" checked>
                                            {{ $g->full_name }} ({{$g->student_id}})
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                            
                        </div>
                        <div class="card-footer">
                            <div class="form-group">
                                <a class="btn btn-danger waves-effect btn-sm ml-1"
                                    href="{{ route('ceremony.show', $ceremony->id) }}">
                                    <i class="md md-arrow-back"></i>
                                    Back
                                </a>
                                <input type="submit" name="pageSubmit"
                                    class="btn btn-success btn-sm waves-effect waves-light float-right" value="Submit">
                            </div>
                        </div>
                    </div>
                </div>

            </form>
        </div>
    </section>

@endsection