@extends('seller.layout.master')
@section('content')
    @php 
        $service_title=['ADCM','ADPolice','DOT','GAD','MHR','MOE','Delivery','FAIC']; 
    @endphp
    <div class="blog-content pt60">
        <div class="container">

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


                    <div class="registration-style">
                        <div class="row">

                            <div id="iv-form3" class="col-md-12">
                               
                                @if (Session::has('message'))
                                    <div class="alert alert-{{Session::get('messageType')}} alert-block">
                                        <button type="button" class="close" data-dismiss="alert">×</button>	
                                        <strong>{{Session::get('message')}} </strong>
                                    </div>
                                @endif

                                <form id="uou_tigerp_registration" class="form-horizontal has-validation-callback"
                                    action="{{route('add-service-process')}}" method="post" role="form" enctype='multipart/form-data'>
                                     @csrf
                                     <input type="hidden" value="{{ Auth::user()->id}}" name="id">
                                    <div class="content">
                                        <h3 class="form-title">Add Service</h3>
                                        {{-- <input type="hidden" name="package_id" id="package_id" value="31"> --}}
                                        <div class="form-content">
                                            <div class="">
                                                <div class="col-md-12">
                                                    <div id="selected-column-1" class=" ">
                                                        <div class="text-center" id="loading"> </div>

                                                      {{--  <div class="form-group row">
                                                            <label for="first_name" class="col-md-3 control-label">Title
                                                                <span class="chili"></span></label>
                                                            <div class="col-md-9">
                                                                <input type="text" id="title" name="title"
                                                                    data-validation="required" placeholder="Enter Title"
                                                                    data-validation-error-msg="Please enter Name " value="">
                                                                 @if($errors->has('title'))
                                                                   <div style='color: red'>{{$errors->first('title')}}</div>
                                                                 @endif    
                                                            </div>
                                                        </div> --}}
                                         <div class="form-group row ">
                                                            <label for="title" class="col-md-3 control-label">Title<span
                                                                    class="chili"></span></label>
                                                            <div class="col-md-9">
                                                                <select name="title" id="title"
                                                                    class="form-control" data-validation="required"
                                                                    data-validation-error-msg="Please select your title">
                                                                    <option value="">Select Title</option>
                                                                     @foreach($service_title as $value)
                                                                           <option value="{{$value}}" 
                                                                           >{{$value}}</option>
                                                                     @endforeach
                                                                </select>
                                                                 @if($errors->has('title'))
                                                                    <div style='color: red'>{{$errors->first('title')}}</div>
                                                                 @endif
                                                            </div>
                                                        </div>                        
                                                            
                                                        
                  
                                                        <div class="form-group row ">
                                                            <label for="text" class="col-md-3 control-label">Description<span
                                                                    class="chili"></span></label>
                                                            <div class="col-md-9">
																<textarea name="description" data-validation="required" data-validation-error-msg="Please enter description" id="" cols="30" rows="10"></textarea>
                                                                 @if($errors->has('description'))
                                                                    <div style='color: red'>{{$errors->first('description')}}</div>
                                                                 @endif
                                                            </div>
                                                        </div>
														{{-- <div class="form-group row">
                                                            <label for="last_name" class="col-md-3 control-label">Duration<span class="chili"></span></label>
                                                            <div class="col-md-9">
                                                                <input type="text" id="duration" name="duration"
                                                                    data-validation="required" placeholder="Enter Duration"
                                                                    data-validation-error-msg="Please enter Duration" value="">
                                                                   @if($errors->has('duration'))
                                                                     <div style='color: red'>{{$errors->first('duration')}}</div>
                                                                   @endif
                                                            </div>
                                                        </div> --}}
                                                        <div class="form-group row">
                                                            <label for="price" class="col-md-3 control-label">Price<span
                                                                    class="chili"></span></label>
                                                            <div class="col-md-9">
                                                                <input type="number" name="price"
                                                                    data-validation="required"
                                                                    data-validation-error-msg="Please enter Price"
                                                                    class="form-control ctrl-textbox"
                                                                    placeholder="Enter Price" alt="required" value="">
                                                                      @if($errors->has('price'))
                                                                        <div style='color: red'>{{$errors->first('price')}}</div>
                                                                      @endif
                                                            </div>
                                                        </div>
                                                        <div class="form-group row ">
                                                            <label for="text" class="col-md-3 control-label">Image Upload<span
                                                                    class="chili"></span></label>
                                                               <div class="col-md-9">
																 <input type="file" name="image" data-validation="required" data-validation-error-msg="Please enter image" id="imgupload" onchange="imageurl(this)">
                                                                  @if($errors->has('image'))
                                                                      <div style='color: red'>{{$errors->first('image')}}</div>
                                                                  @endif
                                                                  <div class='col-sm-3 mt-2'>
                                                                     <img style="height:120px;width150px" src="" id="preview" style="display:none">    
                                                                  </div>
                                                               </div>
                                                        </div>
                                                    </div>  
                                                </div>
                                                {{-- <div class="row">
                                                    <div class="col-md-9">
                                                    </div>
                                                    <div class="col-md-3">
                                                        <div id="paypal-button">
                                                            <div id="loading-3" style="display: none;"><img
                                                                    src="http://tiger.eplug-ins.com/wp-content/themes/tiger/framework/tiger-profile/admin/files/images/loader.gif">
                                                            </div>
                                                            <button id="submit_uou_tigerp_payment"
                                                                type="submit"
                                                                class="btn-new btn-custom ctrl-btn">Submit </button>
                                                        </div>
                                                    </div>
                                                </div>    --}}
                                            </div>
                                        </div>
                                    </div>
                                     {{-- <div class="content">
                                        <h3 class="form-title"> Info</h3>

                                        <div class="col-md-12">
                                            <div class="form-content">
                                                <div class="form-group row">
													<label for="text" class="col-md-3 control-label">
														Name<span class="chili"></span></label>
													<div class="col-md-9">
														<input type="text" id="name" name="name"
															data-validation="required" placeholder="skill Name"
															data-validation-error-msg="Please enter skill Name ">
													</div>
												</div>
												<div class="row form-group">
                                                    <label for="text" class="col-md-3 control-label">Level</label>
                                                    <div class="col-md-9" id="package_div">
                                                        <select name="package_sel" id="package_sel" class="form-control">
                                                            <option value="31">Beginner</option>
                                                            <option value="32">Average</option>
                                                            <option value="33">Specialist</option>
                                                            <option value="34">Expert</option>
                                                        </select>
                                                    </div>
                                                </div>
                                               
                                            </div>
                                        </div>
                                    </div> --}}
                                    <div class="content">
                                        <div class="row">
                                            <div class="col-md-10">
                                            </div>
                                            <div class="col-md-2">
                                                <div id="paypal-button">
                                                    {{-- <div id="loading-3" style="display: none;"><img
                                                            src="http://tiger.eplug-ins.com/wp-content/themes/tiger/framework/tiger-profile/admin/files/images/loader.gif">
                                                    </div> --}}
                                                    <button id="submit_uou_tigerp_payment"
                                                        type="submit"
                                                        class="btn-new btn-custom ctrl-btn">Submit </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <div style="display: none;">
                                    <img
                                        src="http://tiger.eplug-ins.com/wp-content/themes/tiger/framework/tiger-profile/admin/files/images/loader.gif">
                                </div>
                            </div>
                        </div>
                    </div>





                </div> <!--  end blog-single -->
            </div>

        </div> <!--  end blog-single -->
    </div>
@endsection
@section('scripts')
    <script>
      function imageurl(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function(e) {
                    $('#preview').attr('src', e.target.result);
                    $('#preview').show();
                }
                reader.readAsDataURL(input.files[0]);
            }
        }

        $(document).ready(function() {
            $(document).on('click','.add-btn',function(){
                //var clone = $('.orginaldiv').last().clone().find("input").val("").end();
                var clone = $(this).parents('.orginaldiv').eq(0).clone();
                //var clone = $('.orginaldiv').eq(0).clone();
                    var div_length=$('.clonediv').find('.orginaldiv').length;
                /*clone.find("textarea").val("");*/
                //alert(div_length);
                clone.find("input").val("");
                //clone.find(".del-btn").attr('disabled', false);
                //clone.find(".percent").attr('readonly', false);
                //clone.find('input').each(function(i) {
                // this.name= this.name.replace("[]", "["+div_length+"]");
                //}); 
                $(this).parents('.clonediv').append(clone);
                $('.del-btn').show();
            });

            $(document).on('click','.del-btn',function(){
                if($(this).parents('.clonediv').find('.orginaldiv').length > 1){
                    $(this).parents('.orginaldiv').remove();
                    //$('.orginaldiv').last().remove();
                    $('.add-btn').attr('disabled', false);
                }else{
                    $(this).hide();
                }
            });
        });  
    </script>
       
   
@endsection