@extends('layouts.master')

@section('content')
<section class="content" style="padding: 0;">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12" style="padding: 0;" >
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Event <small>edit</small></h3>
                    </div>
                    <!-- /.card-header -->
                    @if ($error = Session::get('error'))
                    <div class="alert alert-danger">
                        <p>{{ $error }}</p>
                    </div>
                    @endif
                    @if ($message = Session::get('message'))
                    <div class="alert alert-success">
                        <p>{{ $message }}</p>
                    </div>
                    @endif
                    @if (count($errors) > 0)
                    <div class="alert alert-danger">
                        <strong>Whoops!</strong> There were some problems with your input.<br><br>
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif
                    <form action="{{ route('calendarevent.update', $event->calendar_event_id) }}" method="POST" enctype='multipart/form-data'>
                        <div class="card-body">
                            @csrf
                            <div class="row1">
                                <div class="col-md-6 form-group">
                                    <label for="inputAttendees">Email To</label>
                                    <input type="text" name="attendees" class="form-control" id="inpuAttendees" placeholder="Attendees" value="{{ $event->attendees }}">
                                </div>
                                <div class="col-md-6 form-group">
                                    <label for="inputMobile1">Title</label>
                                    <input type="text" name="title" class="form-control" id="inputMobile1" placeholder="Add Middle Name" value="{{ $event->title }}">
                                </div>
                                <div class="col-md-6 form-group">
                                    <label for="inputType">Type</label>
                                    <input type="text" name="type" class="form-control" id="inputType" placeholder="Type" value="Meeting" disbaled>
                                </div>
                                <div class="col-md-6 form-group">
                                    <label for="inputDate">Date</label>
                                    <input type="date" name="date" class="form-control" id="inputDate" placeholder="Date" value="{{ $event->date }}">
                                </div>
                                <div class="col-md-6 form-group">
                                    <label for="inputTime">Time</label>
                                    <select class="form-control" name="time">
                                        @for ($i = 1; $i<=12; $i++)
                                            <option value="{{ $i }}" {{ $time == $i ? 'selected' : '' }}>{{ $i }}</option>
                                        @endfor 
                                    </select>
                                    <select class="form-control" name="meridian">
                                        <option value="AM" {{ $time == 'AM' ? 'selected' : ''}}>AM</option> 
                                        <option value="PM" {{ $time == 'PM' ? 'selected' : ''}}>PM</option>
                                    </select>
                                </div>
                                <div class="col-md-6 form-group">
                                    <label for="inputLength">Length</label>
                                    <select class="form-control" name="duration">
                                        <option value="15">15 minutes</option>
                                        <option value="30">30 minutes</option>
                                        <option value="45">45 minutes</option>
                                        <option value="60" selected="selected">1 hour</option>
                                        <option value="90">1.5 hours</option>
                                        <option value="120">2 hours</option>
                                        <option value="180">3 hours</option>
                                        <option value="240">4 hours</option>
                                        <option value="300">More than 4 hours</option>
                                    </select>
                                </div>
                                <div class="col-md-6 form-group">
                                    <label>Teams Event</label>
                                    <input type="checkbox" name="teamsEvent" class="form-check" {{ $event->teams_url ? 'checked' : '' }} >
                                </div>
                            </div>
                        </div>
                        <!-- /.card-body -->
                        <div class="card-footer">
                            <button type="submit" class="btn btn-primary text-center">Submit</button>
                            <a class="btn btn-secondary" href="{{ route('calendarevent.index') }}">Back</a>
                        </div>
                    </form>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>
        <!-- /.col -->
    </div>
    <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
</section>
@endsection