@extends('layouts.admin')
@section('content-title')
	{{ __('events.Events Managements') }}
@endsection
@section('css')
    <style>
        /* Card */
        #event{
            padding-top: 0;
            box-shadow: 0px 0px 5px rgb(51, 51, 51);
		    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
            /* border-radius: 0; */
            border-top: 0;
            border-bottom: 0;
            border-right: 0;
            border-left: 0;
        }

        /* Card Header */
        #event .card-header{
            margin: 0;
            padding: 0;
        }
        #event .card-header .row{
            margin: 0;
        }                            
        #event ._from{
            display: inline-block;  
            background-color: #c52c66;
        }       
        #event ._to{
            display: inline-block;
            background-color: #a552a7;           
        }
        #event ._from > p, ._to > p{
            text-align: center;
            margin: 1rem 0;
            font-weight: 700;          
            font-size: 20px;
            color: white;
        }

        /* Card Body */
        #event .card-body{
            padding: 0px 0px !important;
        }
        #event .card-body .row{
            margin: 0;
        }
        
        #event .event-title{
            font-size: 14pt;
            font-weight: 700;
            margin: 0px;
        }
        #event .event-image{
            width: 100%;
            height: 100%;
            max-width: 100%;
            max-height: 100%;
        }
        #event .event-body{
            padding-bottom: 0.5rem;
        }
        #event .event-desc{
            height: 75px;
        }
        #event .event-body .fa{
            font-size: 20px;
            margin: 0;
            padding: 0;
            width: auto;
        }
    </style>
@endsection
@section('content-breadcrumbs')
	{{ Breadcrumbs::render('admin.events')}}
@endsection
@section('content')
<div class="card-box tilebox-one noradius">
	<section>
		<h2 class="page-header">{{ __('events.List of Events')}}</h2>
		<div class="row mb-3">
			<div class="col-sm-12 col-md-2">
				<div class="pull-left">
					<a href="{{ route('admin.event.create')}}" class="btn btn-success">{{ __('events.New Event') }}</a>
				</div>
			</div>
		</div>

		@if(session()->has('success'))
		<div class="alert alert-success alert-dismissible fade show" role="alert">
			{{ session()->get('success') }}
				<button type="button" class="close" data-dismiss="alert" aria-label="Close">
				<span aria-hidden="true">&times;</span>
			</button>
		</div>
		@endif

		@if(session()->has('deleted'))
		<div class="alert alert-warning alert-dismissible fade show" role="alert">
			{{ session()->get('deleted') }}
				<button type="button" class="close" data-dismiss="alert" aria-label="Close">
				<span aria-hidden="true">&times;</span>
			</button>
		</div>
        @endif

        <div class="row">
            @foreach($events as $event)  
                <div class="col-md-6">
                    <div id="event" class="card bg-light mb-3">
                        <div class="card-header text-black">
                            <div class="row">
                                <div class="col-md-2 _from">
                                    <p>{{date('d/m', strtotime($event->_From))}}</p>
                                </div>
                                <div class="col-md-2 _to">
                                    <p>{{date('d/m', strtotime($event->_To))}}</p>
                                </div>
                                <div class="col-md-8">
                                    <h4 class="card-title event-title">{{str_limit($event->title,50)}}</h4>
                                </div>              
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-xs-12 col-md-4 pl-0 pr-0">
                                @if($event->image != "0")
                                    <img class="event-image" src="/uploads/events/thumbnails/{{$event->image}}" />
                                @endif
                                </div> 
                                <div class="col-xs-12 col-md-8">
                                    <div class="row event-body">
                                        <div class="col-md-12 mb-4 event-desc">
                                            <p class="card-text">{{str_limit($event->description,150)}}</p>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="pull-right">
                                                <a href="{{ route('admin.event.edit',['id'=>$event->id])}}" class="btn btn-primary">
                                                    <i class="fa fa-fw fa-edit"></i>
                                                </a>
                                                {!!Form::open()->post()->route('admin.event.delete')->attrs(['style'=>'display:inline'])!!}
                                                {!!Form::hidden('id')->value($event->id)!!}
                                                {!!Form::submit('<i class="fa fa-fw fa-trash"></i>')->color('danger')!!}
                                                {!!Form::close()!!}
                                            </div>
                                        </div>                                       
                                    </div>                                   
                                </div>
                            </div>                                                               
                        </div>
                    </div>
                </div>   
            @endforeach
        </div>
		{{ $events->links() }}
	</section>
</div>
@endsection