{{\App::setLocale(Session::get('locale'))}}
@extends('admin.layouts.app')
@section('title', trans('admin.edit_promotion'))
@section('content-heading')
	<section class="content-header">
		<h1>@lang('admin.edit_promotion')</h1>
		<ol class="breadcrumb">
			<li><a href="{{ route('admindashboard') }}"><i class="fa fa-dashboard"></i> @lang('admin.dashboard')</a></li>
			<li><a href="{{ route('admin.promotion.list.page') }}">@lang('admin.promotion_products')</a></li>
			<li class="active">@lang('admin.edit_promotion')</li>
      </ol>
    </section>
@endsection
@section('content')
    <section class="content">
		<div class="row">
			<div class="col-xs-12">
				<div class="box">
					<br>
					<form id="frmAddEdit" class="form-horizontal form-label-left" method="post" enctype="multipart/form-data" >						
						<input name="sub_type" id="sub_type" value="edit" type="hidden">
						<input name="id" id="id" value="{{ $rowObj->id }}" type="hidden">
						
						<div class="form-group">
							<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('admin.caption')
							<span class="required" aria-required="true">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
							</label>
							<div class="col-md-6 col-sm-6 col-xs-12">
								<input type="text" id="caption" name="caption" value="{{ $rowObj->title }}" placeholder="Caption" class="form-control col-md-7 col-xs-12" required>
							</div>
						</div>

						<div class="form-group">
							<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('admin.image') (Size 600 X 400)
							<span class="required" aria-required="true">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
							</label>
							<div class="col-md-6 col-sm-6 col-xs-12">
								<input type="file" name="image" id="image" class="form-control col-md-7 col-xs-12" required>
							</div>
						</div>
						
						<div class="form-group">
							<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name"></label>
							<div class="col-md-6 col-sm-6 col-xs-12">
								<div id="imgView">
									@if(!empty($rowObj->image))
										<img src="/promoprod/{{$rowObj->image}}" class="imgPrev"/>
									@endif	
								</div>	
							</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>
				</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')
<style>
.imgPrev {
	max-height: 250px;
	width: auto;
}
</style>
<script>
$(function () {
	$("#frmAddEdit").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('id',$('#id').val());
		frm.append('caption',$('#caption').val());
		frm.append('sub_type',$('#sub_type').val());
		$.ajax({
			url:'{{route("admin.promotion.save")}}',
			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('admin.promotion.list.page') }}";
				}else{
					swal("Message", "Error while uploading Promotion Product.", "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) {
				$('#imgView').html("");
				var img = $('<img class="imgPrev">');
				img.attr('src', e.target.result);
				img.appendTo('#imgView');
            }
            reader.readAsDataURL(input.files[0]);
        }
    }
    $("#image").change(function(){
		readURL(this);
    });
</script>
@endsection