@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" />
<style>
.err_msg{
    border-radius:20px;
    padding:7px;
}

.cell{
    padding:10px;
}

.mb-8 {
    margin-bottom: 8px;
}

.img-event {
    height: 130px !important;
}

.img-event-area {
    border: 0px solid #f00; 
    float: left;
    margin: 5px 0px 5px 20px;
}

.desc-image {
    text-align: center;
    padding: 5px 2px;
}

.add-image-area {
    padding: 10px;
    border-radius: 4px;
    border: 0px solid #ccc;
    margin-bottom:20px;
}

.display-none {
    display: none;
}
</style>
@endsection

@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">        	
            @include('pages.events.include_top')
            <div class="row">
                @include('pages.events.include_breadcumb', ['current_page' => 'Promo Detail'])
                @include('pages.events.detail.data')
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section('scripts')
<script src="{{ url('/js/numberformat.min.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/cleave.js/1.0.7/cleave.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
<script src="{{ url('/js/events/event_new_images.min.js') }}"></script>
@endsection