@extends('master')

@section('content')
        <div class="container mt-5">
            <h5>Möten du är administratör för</h5>
            @if(!$schedules->isEmpty())
            <table class="table table-bordered mb-5">
                <thead>
                    <tr>
                        <th scope="col">Titel</th>
                        <th scope="col">Antal svar</th>
                        <th scope="col">Status</th>
                        <th scope="col">Tidsfrist</th>
                        <th scope="col">Deltagare</th>
                        <th scope="col">Inställningar</th>
                      
                    </tr>
                </thead>
                <tbody>
                     @foreach($schedules as $schedule)
                        @php 
                            $schedule_dates=$schedule->getscheduledate();
                        @endphp
                        <tr>
                            <td>
                                <a href="{{url('/schedule',$schedule->schedule_link)}}">{{$schedule->title}}</a>
                            </td>
                            <td>
                                {{$schedule->getParticipantCountAttribute()}}
                            </td>
                            <td>
                                <a href="javascript:void(0);" data-sid="{{$schedule->id}}" data-val="no" id="open-vote-{{$schedule->id}}" class="close-switch" style="{{$schedule->status == 'no' ? 'display: none;' : ''}}">öppen</a>
                                <a href="javascript:void(0);" data-sid="{{$schedule->id}}" data-val="yes" id="close-vote-{{$schedule->id}}" class="close-switch" style="{{$schedule->status == 'yes' ? 'display: none;' : ''}}">stängd</a>
                            </td>
                            <td>
                                @if($schedule->reply_deadline_date != "")
                                    {{$schedule->reply_deadline_date}}
                                @else
                                     Ingen tidsfrist
                                @endif
                            </td>
                            <td>
                                <a href="{{url('/participants',$schedule->id)}}">
                                    <i class="fas fa-external-link-square-alt"></i>
                                </a>
                            </td>
                            <td>
                                <a href="{{url('/editschedule1',$schedule->id)}}">Titel / beskrivning</a>&nbsp;&nbsp;
                                <a href="{{url('/editschedule2',$schedule->id)}}">Datum / alternativ</a>&nbsp;&nbsp;
                                
                                <a href="javascript:void(0);" class="duplicatemodal" data-id="{{$schedule->id}}">Kopiera schema</a>
                            </td>
                        </tr>
                        <div class="modal fade" id="{{$schedule->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
                        <div class="modal-dialog" role="document">
                        <form class="form-horizontal" method="POST" action="{{url('createduplicate')}}" id="create_duplicate" name="create_duplicate">
                        @csrf
                            <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="copy_modal">Modal title</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <label for="title" class="col-lg-4 control-label">Rubrik</label>
                                <input type="text" name="tid_title_edit" class="form-control" placeholder="Rubrik" value="{{$schedule->title}}" required="required" oninvalid="this.setCustomValidity('Detta fält är obligatoriskt.')" oninput="this.setCustomValidity('')">

                                <br>
                                <label for="title" class="col-lg-4 control-label">Beskrivning (frivillig)</label>
                                <textarea name="tid_desc_edit" class="form-control" placeholder="Beskrivning (frivillig)">{{$schedule->location}}</textarea>

                                <label for="title" class="col-lg-4 control-label">Plats (frivillig)</label>
                                <input type="text" name="tid_loc_edit" class="form-control" placeholder="Plats (frivillig)" value="{{$schedule->description}}" >

                                <label>Teme </label>


                                <input type="radio" name="theme_edit" value="0" {{$schedule->theme == 0 ? 'checked' : ''}}>
                                <label for="html">Möte</label>
                                <input type="radio" name="theme_edit" value="1" {{$schedule->theme == 1 ? 'checked' : ''}} >
                                <label for="html">Date</label>
                                <input type="radio" name="theme_edit" value="2" {{$schedule->theme == 2 ? 'checked' : ''}}>
                                <label for="html">Jobbmöte</label>
                                <input type="radio" name="theme_edit" value="3" {{$schedule->theme == 3 ? 'checked' : ''}}>
                                <label for="html">Svensexa</label>
                                <input type="radio" name="theme_edit" value="4" {{$schedule->theme == 4 ? 'checked' : ''}}>
                                <label for="html">Möhippa</label>
                                <input type="radio" name="theme_edit" value="5" {{$schedule->theme == 5 ? 'checked' : ''}}>
                                <label for="html">Middag</label>
                                <input type="radio" name="theme_edit" value="6" {{$schedule->theme == 6 ? 'checked' : ''}}>
                                <label for="html">Resa</label>
                                <input type="radio" name="theme_edit" value="7" {{$schedule->theme == 7 ? 'checked' : ''}}>
                                <label for="html">Fest</label>
                                <input type="radio" name="theme_edit" value="8" {{$schedule->theme == 8 ? 'checked' : ''}}>
                                <label for="html">Födelsedag</label>
                                <input type="radio" name="theme_edit" value="9" {{$schedule->theme == 9 ? 'checked' : ''}}>
                                <label for="html">Kalas</label>
                                <input type="radio" name="theme_edit" value="10" {{$schedule->theme == 10 ? 'checked' : ''}}>
                                <label for="html">Studentskiva</label>
                                <input type="radio" name="theme_edit" value="11" {{$schedule->theme == 11 ? 'checked' : ''}}>
                                <label for="html">Övrigt</label>

                                <div id="othertheme" style="{{$schedule->theme != 11 ? 'display: none;' : ''}}">
                                    <input type="text" class="form-control" name="othertheme" placeholder="Övrigt tema" value="{{$schedule->custom_theme}}" >
                                </div>

                                <div class="datetime-section">
                                    <div id= "setdate{{$schedule->id}}" style = "margin-left:0px;"></div>
                                    <div style="display:none;" id="date-error" class="error">Välj minst två datum</div>
                                    <div id="timesection{{$schedule->id}}">   
                                        @php
                                            \Carbon\Carbon::setLocale('sv');
                                            $i = 30;
                                            $schedule_dates=$schedule->getscheduledate();
                                        @endphp	
                                        @foreach($schedule_dates as $s_date)
                                        <div class="event-date" id="event-{{$i}}" data-order="{{Carbon\Carbon::parse($s_date->schedule_date)->translatedFormat('d/m/y')}}">
                                            {{Carbon\Carbon::parse($s_date->schedule_date)->translatedFormat('d/m/Y')}}
                                            <input type="hidden" id="{{$i}}" value="{{$s_date->schedule_date}}" name="date[]" />
                                                @if($s_date->time_from == '00:00:00')
                                                <div id="time-sec-full-{{$i}}">hel dag</div>
                                                @else
                                                <div id="time-sec-time-{{$i}}">{{$s_date->time_from}} - {{$s_date->time_to }}</div>
                                                <div id="time-sec-full-{{$i}}" style="display:none;">hel dag
                                                </div>
                                                @endif
                                                <div id="time-sec-{{$i}}" style="display: none;">
                                                    <div class="col-sm-3">
                                                        <div class="form-group">
                                                            <div class="input-group date start_time{{$i}}" id="start_time{{$i}}">
                                                                <span class="input-group-addon">
                                                                    <input type="text" class="form-control" placeholder="Starttid" name="start_time[]" />
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-3">
                                                        <div class="form-group">
                                                            <div class="input-group date end_time{{$i}}" id="end_time{{$i}}">
                                                                <span class="input-group-addon">
                                                                    <input type="text" class="form-control" id="end_time_input{{$i}}" placeholder="Sluttid" name="end_time[]" />
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <input type="hidden" name="current_id[]" value="{{$s_date->id}}">
                                                <div id="addtime-btn-sec-{{$i}}"><a href="#" class="addTime" id="{{$i}}">Lägg till tid</a></div>
                                                    <a href="#" id="delete_dates" data-pid="{{$s_date->id}}" data-modal_id="{{$schedule->id}}" data-id="{{$i}}"><i class="fa fa-trash"></i></a>
                                        </div>
                                        @php
                                            $i++;
                                        @endphp
                                        @endforeach	
                                    </div>							     
                                </div>
                                    
                                <div id="other-settings">
                                    <div class="deadline-sec">
                                        <label class="switch">
                                            <input type="checkbox" name="deadline" {{$schedule->reply_deadline == 'yes' ? 'checked' : ''}}>
                                            <span class="slider round"></span>
                                        </label>

                                        <label>Sätt en deadline för svar</label>
                                            <input type="text" name="deadline_date" id="deadline_date" style="{{$schedule->reply_deadline == 'no' ? 'display: none;' : ''}}" required value="{{$schedule->reply_deadline_date}}" />
                                    </div>
                                                                
                                    <div class="notification-sec">
                                        <label class="switch">
                                            <input type="checkbox" name="notification-option" {{$schedule->notify_email == 'yes' ? 'checked' : ''}}>
                                            <span class="slider round"></span>
                                        </label>
                                        <label>Få notifieringar per mail när någon svarar.</label>
                                    </div>

                                    <input type="checkbox" name="participant-hide" {{$schedule->hidden_schedule == 'yes' ? 'checked' : ''}}>
                                    <label>Dölj deltagarnamn (endast du som skapat omröstningen kommer att kunna se dem)</label>
                                    <br>

                                    <input type="checkbox" name="one-answer" {{$schedule->one_answer == 'yes' ? 'checked' : ''}}>
                                    <label>Begränsa deltagarna till en enda röst (Om alternativet är aktiverat kan endast inloggade användare delta)</label><br>

                                    <input type="checkbox" name="ask-contact" {{$schedule->ask_for_contact == 'yes' ? 'checked' : ''}}>
                                    <label>Be om kontaktinformation</label>

                                    <div id="ask-contact-sec" style="{{$schedule->ask_for_contact == 'no' ? 'display: none;' : ''}}">
                                        <input type="checkbox" name="contact-email" checked="checked" disabled />
                                        <label>E-post</label>

                                        <input type="checkbox" name="contact-phone" checked="checked" disabled />
                                        <label>Mobil</label><br>
                                        <input type="text" placeholder="Annan valfri information 1" name="other_contact1" value="{{$schedule->contact_info1}}"/><br><br>
                                        <input type="text" placeholder="Annan valfri information 2" name="other_contact2" value="{{$schedule->contact_info2}}"/><br><br>
                                        <input type="text" placeholder="Annan valfri information 3" name="other_contact3" value="{{$schedule->contact_info3}}"/><br><br>
                                        <input type="text" placeholder="Annan valfri information 4" name="other_contact4" value="{{$schedule->contact_info4}}"/><br><br>
                                        <input type="text" placeholder="Annan valfri information 5" name="other_contact5" value="{{$schedule->contact_info5}}"/><br><br>
                                    </div>
                                </div>
                            
                            </div>
                            <div class="modal-footer">
                            <input class="btn btn-success" type="button" value="Add" data-id="{{$schedule->id}}" id="create_duplicate_btn">
                            </div>
                        </div>
                        </form>
                        </div>
                        </div>
                    @endforeach
                </tbody>
            </table>
            @else
                <div>Har inte skapat något möte än</div>
            @endif
            <div class="d-flex justify-content-center">
                {!! $schedules->links() !!}
            </div>

            <h5>Möten där du svarat</h5>
            @if(!$participants->isEmpty())
            <table class="table table-bordered mb-5">
                <thead>
                    <tr>
                        <th scope="col">Titel</th>
                        <th scope="col">Status</th>
                        <th scope="col">Tidsfrist</th>
                      
                    </tr>
                </thead>
                <tbody>
                    @foreach($participants as $participant)
                        <tr>
                            <td>
                                <a href="{{url('/schedule',$participant->schedule_link)}}">{{$participant->title}}</a>
                            </td>
                            <td>
                                @if($participant->status == 'yes')
                                     öppen 
                                @else
                                     stängd
                                @endif
                            </td>
                            <td>
                                @if($participant->reply_deadline_date != "")
                                    {{$participant->reply_deadline_date}}
                                @else
                                     Ingen tidsfrist
                                @endif
                            </td>
                            
                        </tr>
                    @endforeach
                </tbody>
            </table>
            @else
                <div>Du har inte deltagit i något schema</div>
            @endif
            <div class="d-flex justify-content-center">
                {!! $participants->links() !!}
            </div>
        </div>

@endsection