@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card px-3">

                <div class="card-body">

                    @if(session()->has('message'))
                        <div class="alert alert-success">
                            {{ session()->get('message') }}
                        </div>
                    @endif

                    <span class="align_right">
                        <button class="btn btn-sm btn-primary" onclick="window.history.back();">< Back</button>
                    </span>

                    <div class="text-center">
                        <p class="my_header_1">{{ colName(cId()) }}</p>
                        <p class="my_header_2">Daily Class Implementation Summary</p>
                        <p class="text-center">***</p>
                    </div>

                    <div class="text-center">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>SN</th>
                                    <th>Department Name</th>
                                    <th>Checked</th>
                                </tr>
                            </thead>
                            <tbody>
                                                                @foreach ($departments as $department)
                                    <tr>
                                        <td>{{ $count }}</td>
                                        <td>{{ $department->name }}</td>
                                        <td>Yes</td>
                                    </tr>
                                                                    @endforeach
                            </tbody>
                        </table>
                    </div>

                    @if ($message_forwarded)
                        <div class="alert alert-info">
                            <p class="text-center">Today's <b>({{ simpleDate() }})</b> was forwarded, already.</p>
                        </div>
                    @else
                        <br>
                        <div class="alert alert-info">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="confirmation" name="confirmation" onchange="showForwardButton(this)">
                                <label class="form-check-label px-3" for="confirmation">
                                    I <b><u>{{ Auth::user()->name }}</u></b>, certify that today's (<b>{{ simpleDate() }}</b>) class implementation summary is correct.
                                </label>
                            </div>
                        </div>
                        <br>

                        <div class="hidden_panels">
                            <p class="alert alert-warning text-center">
                                <span class="date_para">Make sure to submit correct local date</span>
                                <a href="{{ route('updateDate') }}">update it</a>
                            </p>
                            {{-- // --}}
                            <form action="{{ route('forwardToCollege') }}" method="post" onsubmit="return confirmation()">
                                @csrf

                                <div class="form-group row">
                                    <label for="forwardTo" class="col-sm-2 col-form-label"><b>To </b></label>
                                    <div class="col-sm-4">

                                        <select name="forwardTo" id="forwardTo" class="form-select" required>
                                            @foreach ($coordinators as $coordinator)
                                                <option value="{{$coordinator->email}}">{{ $coordinator->name }} ({{ $coordinator->email }})</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <br>
                                <div class="form-group row">
                                    <label for="subject" class="col-sm-2 col-form-label"><b>Subject</b></label>
                                    <div class="col-sm-10">
                                        <input type="text" name="subject" id="subject" class="form-control"
                                            value="Class Implementation Summary for {{ simpleDate() }}"
                                            autocomplete="on" required>
                                    </div>
                                </div>
                                <br>
                                <div class="form-group row">
                                    <label for="body" class="col-sm-2 col-form-label"><b>Body</b></label>
                                    <div class="col-sm-10">
                                        <textarea rows="10" name="body" id="body"
                                            class="form-control"
                                            placeholder="Enter email body here..."
                                            required autofocus maxlength="10000">
Dear ,

I hope this mail finds you well.

Regards,
{{ Auth::user()->name }}
                                        </textarea>
                                    </div>
                                </div>
								<input type="hidden" name="dates" value="{{serverDate()}}">
                                <br>
                                <button type="submit" class="btn btn-sm btn-primary" id="forwardButton">Send Summary</button>
                            </form>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<script>

    function confirmation(){
        if (confirm('Do you want to forward this data?')){
            return true;
        }else{
            return false;
        }
    }
    function showForwardButton(obj){
        if (obj.checked){
            $(".hidden_panels").show();
        }else{
            $(".hidden_panels").hide();
        }
    }
</script>

@endsection