@extends('admin.layout')

@section('content')
    <style type="text/css">
        .popover{
            max-width: 100%; /* Max Width of the popover (depending on the container!) */
        }
    </style>
    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
                        <div class="x_title">
                            <h2>Кандидатури</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
    <div class="p20">
        @if(!isset($application_forms) || count($application_forms) < 1)
            Няма подадени кандидатури в момента.
        @else
            <div style="margin-bottom:20px;">
                Масови действия:
                <a href="javascript:;" class="btn btn-danger" id="btnDelete" onclick="execDelete()">Изтрий</a>
                <a href="javascript:;" class="btn btn-primary" id="btnResetExam" onclick="setStatus('{{\App\ApplicationForm::STATUS_TAKE_EXAM}}')">Допусни до изпит</a>
                <a href="javascript:;" class="btn btn-primary" id="btnSetExamDate" data-toggle="popover" data-content="" data-html="true" title="Допускане до изпит" data-placement="bottom">Задаване на дата за изпит</a>
                <a href="javascript:;" class="btn btn-danger" onclick="setStatus('{{\App\ApplicationForm::STATUS_DECLINED}}')">Недопуснат до изпит</a>
                <a href="javascript:;" class="btn btn-danger" onclick="setStatus('{{\App\ApplicationForm::STATUS_EXPIRED}}')">Приключен конкурсѝ</a>
            </div>
            <form action="javascript:;" id="massAction" method="post">
            <table class="table table-hover table-responsive">
                <tr>
                    <th></th>
                    <th>Академична година</th>
                    <th>Прием</th>
                    <th>Научна специалност</th>
                    <th>Кандидат</th>
                    <th>Статус</th>
                    <th></th>
                </tr>

                @foreach($application_forms as $af)
                    <tr>
                        <td><input type="checkbox" name="cbform[]" value="{{$af->id}}"></td>
                        <td>{{$af->competition->admission->year}}/{{$af->competition->admission->year+1}}</td>
                        <td>{{$af->competition->admission->name}}</td>
                        <td>{{$af->competition->specialty->name}}</td>
                        <td>{{$af->candidate->name}} {{$af->candidate->last_name}}</td>
                        <td><label class="{{$af->getStatusCSSClass()}}">{{$af->getStatus()}}</label> </td>
                        <td><a href="{{url('admin/applicationforms/view/'.$af->id)}}" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-search"></span> Преглед и управление</a></td>
                    </tr>
                    @endforeach
            </table>
                <input type="hidden" id="examDate" name="examDate" value="">
                <input type="hidden" id="flExamDate" name="flExamDate" value="">
                <input type="hidden" id="examPlace" name="examPlace" value="">
                <input type="hidden" id="flExamPlace" name="flExamPlace" value="">
                <input type="hidden" id="flNotify" name="flNotify" value=""/>
                {{csrf_field()}}
            </form>
            <div id="examPopover" style="display:none;">
                <form action="javascript:;" onsubmit="setExamDates()">
                    <table>
                        <tr>
                            <td>Дата и час за изпит по специалността</td>
                            <td style="padding-left:10px;"><input type="datetime-local" class="form-control" id="tExamDate"></td>
                        </tr>
                        <tr>
                            <td>Зала</td>
                            <td style="padding-left:10px;padding-bottom:15px;"><input type="text" class="form-control" id="tExamPlace"></td>
                        </tr>
                        <tr>
                            <td>Дата и час за изпит по чужд език</td>
                            <td style="padding-left:10px;"><input type="datetime-local" class="form-control" id="tFlExamDate"></td>
                        </tr>
                        <tr>
                            <td>Зала</td>
                            <td style="padding-left:10px;"><input type="text" class="form-control" id="tFlExamPlace"></td>
                        </tr>
                        <tr>
                            <td>Уведоми по e-mail?</td>
                            <td><input type="checkbox" id="cbNotify"></td>
                        </tr>
                        <tr>
                            <td colspan="2" style="text-align: right;padding-top:5px;"><input type="submit" value="OK" class="btn btn-success"/> </td>
                        </tr>
                    </table>
                </form>
            </div>
            <script type="text/javascript">
                function submitWith(action, conf){
                    document.getElementById('massAction').action = action;
                    if(conf != true)
                        document.getElementById('massAction').submit();
                    else{
                        var c = confirm("Сигурни ли сте?");
                        if(c) document.getElementById('massAction').submit();
                    }
                }

                function setExamDates(){
                    document.getElementById('examDate').value = document.getElementById('tExamDate').value;
                    document.getElementById('flExamDate').value = document.getElementById('tFlExamDate').value;
                    document.getElementById('examPlace').value = document.getElementById('tExamPlace').value;
                    document.getElementById('flExamPlace').value = document.getElementById('tFlExamPlace').value;
                    document.getElementById('flNotify').value = document.getElementById("cbNotify").checked?"1":"";

                    submitWith('{{url('admin/applicationforms/setexams')}}',true);
                }

                function resetExamDates(){
                    document.getElementById('examDate').value = '';
                    document.getElementById('flExamDate').value = '';
                    document.getElementById('examPlace').value = '';
                    document.getElementById('flExamPlace').value = '';
                    document.getElementById('flNotify').value = '';

                    submitWith('{{url('admin/applicationforms/setexams')}}',true);
                }

                function execDelete(){
                    submitWith('{{url('admin/applicationforms/delete')}}',true);
                }

                function setStatus(status){
                    submitWith('{{url('admin/applicationforms/setstatus')}}/'+status, true);
                }

                $(function (){
                    $('#btnSetExamDate').attr('data-content',$('#examPopover').html());
                    $('#examPopover').html('');
                    $('#btnSetExamDate').popover({

                    });
                });
            </script>
        @endif
    </div>
                </div>
            </div>
        </div>
    </div>
@endsection