@extends('outlets.layout') 

@section('content')

@include('outlets.header', ['title'=>'Add service']) 
<style>
.form {
    border: 1px solid #efefef;
    /*width: 80%;*/
    padding: 50px 30px;
    text-align: left;
    background: #fff;
    border-radius: 4px;
}
    
.form-control {
        text-align: left !important;
}

.form-group {
    margin-bottom: 2rem;
}

.help-block{
  font-weight: normal;font-size: 11px;margin-bottom: 0;position: absolute;
}

textarea.form-control {
    height: calc(2.25rem + 2px);
}

.space-30{
  height: 30px;
  display: block;
}

label {
    font-weight: 600;
}

</style>

 
    <section class="content">

 {!! Form::open(array('url' =>'outlets/addNewService', 'method'=>'post', 'class' => 'form-horizontal form-validate', 'enctype'=>'multipart/form-data')) !!}

        <div class="row">
            <div class="col-md-12">

                @if( count($errors) > 0) @foreach($errors->all() as $error)
                <div class="alert alert-danger" role="alert">
                    <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
                    <span class="sr-only">{{ trans('labels.Error') }}:</span> {{ $error }}
                </div>
                @endforeach @endif 



              <div class="box-body">

                                <center>

                                    <div class="row form">
               
              

                @foreach($result['languages'] as $languages)
                <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <label for="name">Service Name </label>
                   
                        <input type="text" name="services_name_" class="form-control field-validate">

                        <span class="help-block hidden">{{ trans('labels.textRequiredFieldMessage') }}</span>
                    
                </div>
                @endforeach
				

                <div class="special-container" style="display: none;">
                    <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">
                        <label for="name">{{ trans('labels.SpecialPrice') }}</label>
                       
                            <input class="form-control" type="text" name="specials_new_service_price" id="special-price" value="">
                            <span class="help-block" style="font-weight: normal;font-size: 11px;margin-bottom: 0;">
                                        {{ trans('labels.SpecialPriceTxt') }}.</span>
                            <span class="help-block hidden">{{ trans('labels.SpecialPriceNote') }}.</span>
                       
                    </div>				

                    <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">
                        <label for="name">{{ trans('labels.Status') }}</label>
                        
                            <select class="form-control" name="status">
                                <option value="1">{{ trans('labels.Active') }}</option>
                                <option value="0">{{ trans('labels.Inactive') }}</option>
                            </select>
 <span class="help-block hidden"></span>
                        
                    </div>
                </div>
                <hr>
             
                <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <label for="name">Sales Price</label>
                    
                        {!! Form::text('service_price', '', array('class'=>'form-control number-validate', 'id'=>'service_price')) !!}

                     <span class="help-block hidden"></span>
                </div>

               

                <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <label for="name" >{{ trans('labels.Status') }} </label>
                   
                        <select class="form-control" name="services_status">
                            <option value="1">{{ trans('labels.Active') }}</option>
                            <option value="0">{{ trans('labels.Inactive') }}</option>
                        </select>
                        <span class="help-block" style="font-weight: normal;font-size: 11px;margin-bottom: 0;">
                                      {{ trans('labels.SelectStatus') }}</span>
                  
                </div>
				<div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">
					<label for="name" >{{ trans('labels.Category') }}</label>                   
					<select class="form-control field-validate" id="category_id" name="category_id">
						<option value="">{{ trans('labels.Category') }}</option>
						@if(isset($result['categories']))
						@foreach ($result['categories'] as $categories)
						<option value="{{ $categories->categories_id }}">{{ $categories->category_name }}</option>
						@endforeach
						@endif
					</select>
					<span class="help-block hidden">{{ trans('labels.textRequiredFieldMessage') }}</span>
				</div>	

                @foreach($result['languages'] as $languages)
                <!--div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <label for="name">{{ trans('labels.Description') }} </label>                   
                    <textarea id="editor" name="service_description_" class="form-control" rows="5"></textarea>
					<span class="help-block hidden"></span>                   
                </div-->
				@endforeach
                <!-- /.box-body -->
              
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                  <div class="space-30"></div>
                  <center>
                    <button type="submit" class="ecom-btn">Add Service</button>
                    <a href="listingServices" type="button" class="ecom-btn-border">{{ trans('labels.back') }}</a>
                  </center>
                </div>

                <!-- /.box-footer -->
               
            </div>



</div>
</center>
</div>




          </div>

       {!! Form::close() !!}

    </section>
    <!-- /.content -->
 
<script src="{!! asset('resources/views/admin/plugins/jQuery/jQuery-2.2.0.min.js') !!}"></script>
<script type="text/javascript">
    $(function() {

        //for multiple languages
        @foreach($result['languages'] as $languages)
            // Replace the <textarea id="editor1"> with a CKEditor
            // instance, using default configuration.
        CKEDITOR.replace('editor{{$languages->languages_id}}');

        @endforeach

        //bootstrap WYSIHTML5 - text editor
        $(".textarea").wysihtml5();

    });
</script>
@endsection