@extends('layouts.mastercms')


@section('content')
<div class="content-wrapper container">
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                 <div class="col-sm-6">
                     <h1>Edit a Event.</h1>
                 </div>
            </div>
        </div>
    </section>
    <section class='mx-4'>
    <form method='POST'action="/event/{{$event->id}}"  enctype="multipart/form-data">
    @csrf
    @method('PUT')
        <div class="form-floating my-3">
        <label for="title" class="text-secondary">Title <span class="font-normal text-danger">*</span></label>
            <input type="text" required class="form-control col-lg-4" name="title" placeholder="Title of the event" value='{{ucwords($event->title)}}'>
         </div>
         <div class="form-floating my-3">
            <label for="secription" class="text-secondary">Description <span class="font-normal text-danger">*</span></label>
            <textarea class="form-control col-lg-7" placeholder="Event description" name="description" style="height: 100px" required>{{$event->description}}</textarea>
        </div>
        <div class="col-md-6">
        <div class="form-floating mt-2 mb-4">
            
            <label for="images" class="text-secondary">Event Image <span class="font-normal text-danger">*</span></label>
            <p>* If you add a image here the old image will be replaced.</p>
            <img src="{{$event->image()}}" alt="" height="150px" width="150px" class="mb-2">
            <input type="file" class="form-control col-md-7" name="image" placeholder="Image" >
        </div>
        <div class="form-floating my-3">
            <label for="author" class="text-secondary">Start date<span class="font-normal text-danger">*</span></label>
            <input type="date" required class="form-control col-lg-7" name="start_date" value='{{$event->start_date}}'>
        </div>
        <div class="form-floating my-3">
            <label for="author" class="text-secondary">End date<span class="font-normal text-danger">*</span></label>
            <input type="date" required class="form-control col-lg-7" name="end_date" value='{{$event->end_date}}'>
        </div>
        <div class="form-floating my-3">
            <label for="author" class="text-secondary">location<span class="font-normal text-danger">*</span></label>
            <input type="text" required class="form-control col-lg-7" name="location" value='{{$event->location}}'>
        </div>
        
       <div class="py-4">
       <a href="/event" class="btn btn-danger mb-2 px-4 mr-4">Cancel</a><button type='Submit' class="btn btn-success px-4 mb-2">Update</button></div>
        
    </form>
    </section>
    
</div>
@endsection