@csrf
@if($errors->any())
    {!! implode('', $errors->all('<div class="alert alert-danger" role="alert">:message</div>')) !!}
@endif
<div class="row">
    <div class="form-group col-md-6">
        <label for="date">Select Date</label>
        <input class="form-control" id="datepicker" name="date" type="text" value="{{ isset($selfcollection) ? $selfcollection->date : '' }}" required />
    </div>

    
</div>

<div id="time_slot_box" class="row">
	
	@if(isset($selfcollection) && $selfcollection->timeslots)
	    <div class="col-md-10 form-group"><label for="date">Select Time Slots</label></div>
	    <div class="add_row col-md-2" data-counter="{{$selfcollection->timeslots->count()}}"><i class="fa fa-plus"></i></div>
		@include('dashboard.selfcollections.edit_time_slot')
	@else
	<div class="col-12 section-time-slot p-0">
	    <div class="form-group col-md-5">
	    	<label for="date">Select Time Slots</label>
	    	<input class="form-control time_picker" type="text" name="self_collection_slots[0][time_slots]" id="" required>
	    </div>
	    <div class="form-group col-md-5">
	    	<label for="date">Number of People Allowed</label>
	    	<input class="form-control" type="number" name="self_collection_slots[0][limit]" id="" required="">
	    </div>
	    <div class="add_row col-md-2" data-counter="0"><i class="fa fa-plus"></i></div>
	</div>
	@endif
</div>

<div style="float:right">
    <a class="btn btn-danger" href="{{ route('selfcollections.index') }}">Back</a>
    <button class="btn btn-primary" type="submit">Save</button>
</div>