@extends('user.layouts.master')

@section('content')
<style>
    .grid-view .brows-job-company-img {
    width: 100% !important;
    margin: 10px auto !important;
    height: 220px !important;
    display: flex;
    border: 1px solid #e4e4e4;
    background: #fff;
    align-items: center;
    border-radius: 10px !important;
    line-height: 80px;
}
.brows-job-list {
    width: 100%;
    padding: 10px !important;
    margin-top: 0px !important;
}
.brows-job-position{
    padding: 0 !important;
}
.grid-view .brows-job-company-img img {
    max-width: 100% !important;
    height: 220px !important;
    border-radius: 1% !important;
}

.navbar-transparent.white {
    background-color: #252d40 !important;
}
.abp{
   min-height: 100vh;
    margin-top: 30px;
}
</style>
{{-- <section class="inner-header-title" style="background-image:url({{ asset('user/assets/img/slider-1.jpg') }})">
    <div class="container">
        <h1>Upcoming Events</h1>
    </div>
</section> --}}
<div class="clearfix"></div>
<!-- Title Header End -->

<!-- ========== Begin: Brows job ===============  -->
<section class="abp">
    <div class="container">
        <!-- Company Searrch Filter Start -->
        {{-- <div class="row extra-mrg">
            <div class="wrap-search-filter">
                <form>
                    <div class="col-md-4 col-sm-4">
                        <input type="text" class="form-control" placeholder="Keyword: Name, Tag">
                    </div>
                    <div class="col-md-3 col-sm-3">
                        <input type="text" class="form-control" placeholder="Location: City, State, Zip">
                    </div>
                    <div class="col-md-3 col-sm-3">
                        <select class="form-control" id="j-category">
                            <option value="">&nbsp;</option>
                            <option value="1">Information Technology</option>
                            <option value="2">Mechanical</option>
                            <option value="3">Hardware</option>
                            <option value="4">Hospitality & Tourism</option>
                            <option value="5">Education & Training</option>
                            <option value="6">Government & Public</option>
                            <option value="7">Architecture</option>
                        </select>

                    </div>
                    <div class="col-md-2 col-sm-2">
                        <button type="submit" class="btn btn-primary full-width">Filter</button>
                    </div>
                </form>
            </div>
        </div> --}}
        <!-- Company Searrch Filter End -->
        <div class="row extra-mrg">
                <div class="main-heading">
                    <h2>Upcoming<span> Events</span></h2>
                </div>
        </div>
        <!--Browse Job In Grid-->
    <div class="row extra-mrg">
        @foreach($all_event as $all_events)
            <div class="col-md-4 col-sm-6">
                <div class="grid-view brows-job-list">
                    <div class="brows-job-company-img">
                        <img src="{{asset('/uploads/admin/events/'.$all_events->image)}}" class="img-responsive" alt="" width="100%"/>
                    </div>
                    <div class="brows-job-position">
                        <h3><a>{{ $all_events->description }}</a></h3>
                        <p><span>
                            @if(!empty($all_events->start_date==$all_events->end_date)) 
                            {{ \Carbon\Carbon::parse($all_events->end_date)->format('m/d/Y') }}
                            @else
                            {{ \Carbon\Carbon::parse($all_events->start_date)->format('m/d/Y') }} - {{ \Carbon\Carbon::parse($all_events->end_date)->format('m/d/Y') }}
                            @endif
                            {{-- {{ \Carbon\Carbon::parse($all_events->start_date)->format('m/d/Y') }} - {{ \Carbon\Carbon::parse($all_events->end_date)->format('m/d/Y') }} --}}
                        </span></p>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
        <!--/.Browse Job In Grid-->

        {{-- <div class="row">
            <ul class="pagination">
                {{$all_event->links('user.pages.dashboard.pagination')}}
                <li><a href="#"><i class="ti-arrow-left"></i></a></li>
                <li class="active"><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li> 
                <li><a href="#">4</a></li> 
                <li><a href="#"><i class="fa fa-ellipsis-h"></i></a></li> 
                <li><a href="#"><i class="ti-arrow-right"></i></a></li> 
            </ul>
        </div> --}}
        
    </div>
</section>
@endsection