@extends('frontend.vendor_dashboard.dashboard.layouts.app')

@section('content')
    <div class="page-content">


        <!-- Breadcrumb-->
        <div class="row pt-2 pb-2">
            <div class="col-sm-10">
                <h4 class="page-title">Event</h4>

            </div>
            <div class="col-sm-2">
                <div class="btn-group float-sm-right">
                    <a href="{{ url()->previous() }}"
                        class="btn btn-outline-primary waves-effect waves-light">
                        <i class="fa fa-plus mr-1"></i> Back
                    </a>


                </div>
            </div>
        </div>
        <!-- End Breadcrumb-->
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                 <div class="card-body">
                <form method="POST" action="{{ route('vendor.vendor-event.store') }}" enctype="multipart/form-data">
                    @csrf
                    <div class="row">

                        <div class="col-6 text-secondary mb-3">
                             <label>Name <span class="text-danger">*</span></label>
                            <input type="text" name="name" class="form-control" value="{{ old('name') }}" />
                            <x-input-error :messages="$errors->get('name')" class="mt-2" />
                        </div>
                        <div class="col-6 text-secondary mb-3">
                             <label>Venue <span class="text-danger">*</span></label>
                            <input type="text" name="venue" class="form-control" value="{{ old('venue') }}" />
                            <x-input-error :messages="$errors->get('venue')" class="mt-2" />
                        </div>
                        <div class="col-6 text-secondary -mb-3">
                             <label>Date <span class="text-danger">*</span></label>
                            <input type="text" name="date" class="form-control" id="pickernepalidate" value="{{ old('date') }}" />
                            <x-input-error :messages="$errors->get('date')" class="mt-2" />
                        </div>
                        <div class="col-6 text-secondary mb-3">
                             <label>Time <span class="text-danger">*</span></label>
                            <input type="time" name="time" class="form-control" value="{{ old('time') }}" />
                            <x-input-error :messages="$errors->get('time')" class="mt-2" />
                        </div>

                        <div class="col-6 text-secondary mb-3">
                             <label>Short Description <span class="text-danger">*</span></label>
                            <textarea name="short_desc" id="summernote" class="form-control" ></textarea>
                            <x-input-error :messages="$errors->get('short_desc')" class="mt-2" />
                        </div>
                         <div class="col-6 text-secondary mb-3">
                             <label> Description <span class="text-danger">*</span></label>
                            <textarea name="description" id="summernote2" class="form-control" ></textarea>
                            <x-input-error :messages="$errors->get('description')" class="mt-2" />
                        </div>

                        <div class="col-12 text-secondary mb-3">
                             <label>Image <span class="text-danger">*</span></label>
                            <input type="file" name="image" class="form-control" value="{{ old('image') }}" />
                            <x-input-error :messages="$errors->get('image')" class="mt-2" />
                        </div>


                    </div>

                    <div class="row mb-3">
                        <div class="col-md-10"></div>
                        <div class="col-md-2 text-secondary ">
                            <button onclick="$('form').submit()" class="btn btn-primary px-4 float-right">Save
                                Changes</button>
                        </div>
                    </div>
                </form>
            </div>
                </div>
            </div>
        </div><!-- End Row-->




    </div>
@endsection