@extends('master')

@section('title')
    Event
@stop

@section('styles')
    <link rel="stylesheet" href="{{ asset('css/nav.css') }}">
@stop

@section('content')

    <div class="row fullWidth">
        <div class="autoplay">
            <div><img class="" src="{{ asset('img/home/osizweni-test-header.jpg') }}"></div>
            <div><img class="" src="{{ asset('img/home/osizweni-header-blue.jpg') }}"></div>
            <div><img class="" src="{{ asset('img/home/osizweni-header-green.jpg') }}"></div>
        </div>
        @include('partials.dashboard-nav')
    </div>


    <div class="row fullWidth">
        <div class="bannerPage">

        <h1 style="text-align: left;">EDIT EVENT<span style="font-weight: 500; color: #003961;"> ON CALENDAR</span></h1>
        <form action="{{ $event ? route('admin.event.update', $event->id) : route('admin.event.store') }}" method="post" enctype="multipart/form-data">
            @method($event ? 'put' : 'post')
            @csrf
            <div class="row">
                <div class="large-6 columns">
                    <label>Event Name</label>
                    <input type="text" name="event" value="{{ old('event') ?: ($event ? $event->event : null) }}">
                </div>
                <div class="large-6 columns">
                    All Day? 
                    @if ($event)
                        <input type="checkbox" name="all_day" {{ $event->all_day ? 'checked' : null }}>
                    @else
                        <input type="checkbox" name="all_day">
                    @endif
                    
                    {{-- {{ Form::radio('all_day', 1, true) }}
                           <span class="pLabel">Yes</span>
                    {{ Form::radio('all_day', 0, false) }}
                           <span class="pLabel">No</span> --}}
                </div>
              </div>
    
              <div class="row">
                <div class="large-6 columns">
                    <label>Start Date : <strong>{{$event ? $event->startDate : null}}</strong></label>
                    <input type="date" name="startDate" id="startDate" class="dateTest"  value="{{ old('startDate') ?: ($event ? $event->startDate : null) }}"/>
                </div>
                <div class="large-6 columns">
                    <label>End Date : <strong>{{$event ? $event->endDate : null}}</strong></label>
                    <input type="date" name="endDate" id="endDate" class="dateTest"  value="{{ old('endDate') ?: ($event ? $event->endDate : null) }}"/>
                </div>
              </div>
    
              <div class="row">
                <div class="large-6 columns">
                    <label>Start Time :{{$event ? $event->startTime : null}}</label>
                    <input type="time" name="startTime" id="startTime" class="dateTest" value="{{ old('startTime') ?: ($event ? $event->startTime : null) }}"/>
                </div>
                <div class="large-6 columns">
                        <label>End Time :{{$event ? $event->endTime : null}}</label>
                        <input type="time" name="endTime" id="endTime" class="dateTest"  value="{{ old('endTime') ?: ($event ? $event->endTime : null) }}"/>
                </div>
              </div>
    
              <div class="row">
                <div class="large-6 columns">
                          Invite All? 
                            @if ($event)
                                <input type="checkbox" name="invite_all" {{ $event->invite_all ? 'checked' : null }}>
                            @else
                                <input type="checkbox" name="invite_all">
                            @endif
                          {{-- {{ Form::radio('invite_all', 1, true) }}
                                 <span class="pLabel">Yes</span>
                          {{ Form::radio('invite_all', 0, false) }}
                                 <span class="pLabel">No</span> --}}
                </div>
                <div class="large-6 columns">
                    <label>Location (Optional)</label>
                    <input type="text" name="location" value="{{ old('event') ?: ($event ? $event->location : null) }}">
                </div>
    
                </div>
    
    
                <div class="row">
                    <div class="large-12 columns">
                            <label>Description (Optional)</label>
                            <textarea name="description" class="content">
                                {{ old('description') ?: ($event ? $event->description : null) }}
                            </textarea>
                        </div>
                </div>
    
                <div class="row">
                    <div class="large-12 columns">
                        <label>Attachment</label>{{ $event ? $event->attachment : null }}
                        <input type="file" name="attachment">
                    </div>
                </div>
    
              <div class="row">
                <div class="large-6 columns">
                    <a href="/calendar-dashboard"><button style="margin-left: 0; width: 50%;">Cancel</button></a>
                </div>
                <div class="large-6 columns">
                    <button style="margin-left: 0; width: 50%;" type="submit">Save</button>
                </div>
              </div>
        </form>
        </div>
        <hr class="hrBooking">
    </div>
@include('partials.footer')

@stop

@section('scripts')
    <script src="{{ asset('js/scripts.js') }}"></script>
    <link rel="stylesheet" href="{{asset("redactor2/redactor.css")}}" />
      <script src="{{asset("redactor2/redactor.js")}}"></script>
      <script src="{{asset("js/redactor/plugins/scriptbuttons.js")}}"></script>
      <script type="text/javascript">
      $(document).ready(
      $(function()
      {
          $('.content').redactor({
                                    focus: true,
                                    imageUpload: '/redactorUpload',
                                    plugins: ['table', 'video','imagemanager','fontcolor','fontsize','fullscreen','scriptbuttons']

          });
      }));
      </script>
@stop