{{\App::setLocale(Session::get('locale'))}}
@extends('admin.layouts.app')
@section('title', trans('admin.add_slider'))
@section('content-heading')
	<section class="content-header">
		<h1>@lang('admin.slider')</h1>
		<ol class="breadcrumb">
			<li><a href="{{ route('admindashboard') }}"><i class="fa fa-dashboard"></i> @lang('admin.dashboard')</a></li>
			<li><a href="{{ route('listSlider') }}">@lang('admin.slider')</a></li>
			<li class="active">@lang('admin.add_slider')</li>
      </ol>
    </section>
@endsection
@section('content')
    <section class="content">
		<div class="row">
			<div class="col-xs-12">
				<div class="box">
					<br>
					<form id="news" class="form-horizontal form-label-left" method="post" enctype="multipart/form-data" >						
						<input name="sub_type" id="sub_type" value="add" type="hidden">
												
						<div class="form-group">
							<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('admin.image') (Size 695 X 235)<span class="required">*</span>
							</label>
							<div class="col-md-6 col-sm-6 col-xs-12">
								<div class="col-md-6 col-sm-6 col-xs-12">
									<input type="file" name="image" id="news_img" class="" required>
								</div>
								<div class="col-md-6 col-sm-6 col-xs-12">
								<img src="" id="news_img_tag" style="width: 100%;"/>
								</div>
							</div>
							<div class="col-md-3 col-sm-3 col-xs-12"> </div>
						</div>
						
						<div class="ln_solid"></div>
						<div class="form-group">
							<div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
								<button type="submit" class="btn btn-success" id="ddd" name="submit">@lang('admin.submit')</button>
							</div>
						</div>
					</form>
					<br>
				</div>
			</div>
		</div>
	</section>
<link rel="stylesheet" href="{{asset('adm/sweetalert/sweetalert.css')}}">
<script src="{{asset('adm/sweetalert/sweetalert.min.js')}}"></script>
@endsection
@section('extra-script')
<script>
$(function () {
	$("#news").submit(function(e){
        swal({
			  title: "",
			  text: "Publishing...",
			  imageUrl: "{{asset('assets/images/ajax-loader.gif')}}",
			  showConfirmButton: false,
		});
		
		var frm=new FormData();
		frm.append('_token','{{  csrf_token() }}');
		frm.append('image', $('input[type=file]')[0].files[0]);
		frm.append('sub_type',jQuery('#sub_type').val());
		$.ajax({
			url:'{{route("saveSlider")}}',
			type:'POST',
			data:frm,
			processData: false,
			contentType: false,
			success:function(data){
				if(data.erno=="200" || data.erno==200){
					swal("Message", data.message, "success");
					window.location = "{{ route('listSlider') }}";
				}else{
					swal("Message", "Error to upload Slider.", "error");
				}
			}
		});
		e.preventDefault();
	});
});
</script>
<script type="text/javascript">
	function readURL(input) {
		if (input.files && input.files[0]) {
			var reader = new FileReader();
            reader.onload = function (e) {
                $('#news_img_tag').attr('src', e.target.result);
            }
            reader.readAsDataURL(input.files[0]);
        }
    }
    $("#news_img").change(function(){
        readURL(this);
    });
</script>
@endsection