@extends('layouts.default')
@section('content')
	
	<div class="jumbotron jumbotron-sm jumbotron_contact jumbotron-sm-contact">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-lg-12">
                <h1 class="h1 contact_h1 " >
                    {{Lang::get('messages.choose')}} <small>Your Product Type</small></h1>
            </div>
        </div>
    </div>
</div>

 @include('notifications')

<div class="container">


	<div class="row home-img-circles">
	<div class="col-lg-4 col-md-4 col-sm-4 product_type" rel="physical">

			<i class="fa fa-truck fa-5x"></i>

			<h2>{{Lang::get('messages.physical')}}</h2>
			<p class="lead">Clothing, Shoes, Beauty, Electronics, Tools, Sports, Toys, etc. </p>


		</div><!-- /.col-lg-4 -->
		<div class="col-lg-4 col-md-4 col-sm-4 product_type" rel="digital">

			<i class="fa fa-laptop fa-5x"></i>
			<h2>{{Lang::get('messages.digital')}}</h2>
			<p class="lead">MP3, Ebooks, Image or Video Files, Photoshop Files, Source Codes, etc. </p>

		</div><!-- /.col-lg-4 -->

		<div class="col-lg-4 col-md-4 col-sm-4 product_type" rel="ticket">
			<i class="fa fa-ticket fa-5x"></i>

			<h2>{{Lang::get('messages.ticket')}}</h2>
			<p class="lead">Concerts, Events, Sports, Arts etc.</p>

		</div><!-- /.col-lg-4 -->

	</div><!-- /.row -->


<div class="product_start row">
<div class="col-md-10 col-lg-10 col-sm-10 col-md-offset-1 col-lg-offset-1">
{{ Form::open(array('url'=>
Lang::get('routes.home').'/'.Lang::get('routes.user_product_add'),'class'=>'form-horizontal', 'role'=>'form', 'name'=>'product_create','id'=>'product_create')) }}

<div class="form-group">
<input type="text" class="form-control" placeholder="Product Title"  name="title" />
<input type="hidden" name="productType" id="productType" value=""/>

</div>
<div class="form-group">
<button type="submit" class="btn btn-block btn-primary product_submit">Create</button>
</div>
{{ Form::close() }}

</div>
</div>
</div>
@stop

@section('footer_js')
<script type="text/javascript">

$(document).ready(function(){
		$('div.product_type').on('click',function(e){
			e.preventDefault();
			if(!$('div.product_type').hasClass('type_clicked')){
				$('div.product_start').slideDown('slow',function(){
					$('button.product_submit').click(function(e){
						e.preventDefault();
						$('input#productType').val($('div.type_clicked').attr('rel'));
						$('form#product_create').submit();
					});
				});
			}
			$(this).siblings().removeClass('type_clicked');
			$(this).addClass('type_clicked');


		});

	});

</script>
@stop