@extends('layouts.app')

@section('content')

<div class="col-lg-12">

    <div class="row">
        <div class="col-sm-12">
            <a href="{{route('generalsettings.dealtimestatus')}}" class="btn btn-rounded btn-info pull-right">{{translate('Manage Timer')}}</a>
        </div>
    </div>

   <br>


<div class="panel">
    <div class="panel-heading">
        <h3 class="panel-title">{{translate('Offer Time Information')}}</h3>
    </div>

    <!--Horizontal Form-->
    <!--===================================================-->
    <form class="form-horizontal" action="{{ route('generalsettings.daydealstartstore') }}" method="POST" enctype="multipart/form-data">
            @csrf
        <div class="panel-body">
            <div class="form-group" id="category">
                <label class="col-sm-3">{{translate('Offer Category')}}*</label>
                <div class="col-sm-9">
                    <select class="form-control" name="category_id" id="category_id" required>
                             @foreach($categories as $category)
                                <option value="{{$category->id}}">{{__($category->dealname)}}</option>
                            @endforeach
                    </select>
                </div>
            </div>
             <div class="form-group" id="category">
                <label class="col-sm-3">{{translate('Offer Timer Type')}}*</label>
                <div class="col-sm-9">
                    <select class="form-control" name="category_type" id="category_type" required>
                            <option value="1">Timer</option>
                            <!-- <option value="2">End Time</option> -->
                    </select>
                </div>
            </div>

            <div class="form-group">
                    <label class="col-sm-3" for="start_date">{{translate('Offer Start & End Time')}}*</label>
                    <div class="col-sm-9">
                        <div id="demo-dp-range">
                           <!--  <div class="input-daterange input-group" id="datepicker"> -->
                                <input type="datetime-local" class="form-control" name="start_date" required="required">
                                <span class="input-group-addon">{{translate('to')}}</span>
                                <input type="datetime-local" class="form-control" name="end_date" required="required">
                            <!-- </div> -->
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel-footer text-right">
            <button class="btn btn-purple" type="submit">{{translate('Save')}}</button>
        </div>
        </div>
        
    </form>
    <!--===================================================-->
    <!--End Horizontal Form-->

</div>
    </div>

@endsection
<script type="text/javascript">
    $(document).ready(function(){
        $("#photos").spartanMultiImagePicker({
            fieldName:        'photos[]',
            maxCount:         10,
            rowHeight:        '200px',
            groupClassName:   'col-md-4 col-sm-9 col-xs-6',
            maxFileSize:      '',
            dropFileLabel : "Drop Here",
            onExtensionErr : function(index, file){
                console.log(index, file,  'extension err');
                alert('Please only input png or jpg type file')
            },
            onSizeErr : function(index, file){
                console.log(index, file,  'file size too big');
                alert('File size too big');
            }
        });
    });

</script>