@extends('app')

@section('content')

<div class="container">
    
    <div class="row" style="margin: 15px;">
        <div class="col-lg-4 col-lg-offset-8 col-md-6 col-md-offset-6">
            <div class="row">
                <div class="col-sm-6 col-sm-offset-6 col-xs-9 col-xs-offset-3">
                    <a href="/home" class="btn btn-default btn-lg btn-block"><span class="fa fa-fw fa-plus"></span> COMPRAS</a>
                </div>
            </div>
        </div>
    </div>

    @if($errors->add_cart->count() > 0)
	<div class="alert alert-info">
		@foreach($errors->add_cart->keys() as $item_id)
		<p>
			No se pudo agregar la pieza "{{App\Combination::find($item_id)->name}}".
			@if(($added = $errors->add_cart->first($item_id)) > 0)
				Solo se pudieron añadir {{$added}} piezas al carrito.
			@endif
		</p>
		@endforeach
	</div>
	@endif

	@if(with($items = Cart::items())->count() == 0)
		<div class="panel panel-default">
			<div class="panel-body">
				Tu carrito aún no tiene artículos.
			</div>
		</div>
	@else
		<div class="order-items">
		    @foreach($items as $item)
	            <div class="media">
	                <div class="media-left hidden-xs">
	                	@if($item->color and ($photo = $item->color->photo))
	                		{!! Html::image($photo->photo->url('medium'), $item->combination->name, ['class' => 'media-object']) !!}
	                   	@else
	                   		<img class="media-object" data-src="holder.js/240x300?theme=noir&text={{$item->color ? $item->color->name : $item->combination->name}}" > 
	                	@endif
	                </div>
	                <div class="media-body dash">
	                    <div class="pull-right">
	                        <a href="#" class="remove-from-cart" data-combination-id="{{$item->combination_id}}" data-size-id="{{$item->size_id}}" data-color-id="{{$item->color_id}}">
                                <span class="fa-stack fa-lg">
                                    <span class="fa fa-stack-2x fa-circle-thin"></span>
                                    <span class="fa fa-stack-1x fa-times"></span>
                                </span>
                                
                            </a>
	                    </div>
	                    <div class="clearfix"></div>
	                    <div class="row hidden-xs">
	                    	<div class="col-sm-4 text-right">
	                    		<h3>
	                    			{{ $item->model->name}} {{ $item->combination->name}}
	                    		</h3>
	                    	</div>
	                    	<div class="col-sm-4">
	                    		<h3>
	                    			<small>
			                    		{{$item->line->name}}
			                    	</small>
	                    		</h3>
	                    	</div>
	                    </div>
                        <h3 class="visible-xs-inline">
                            {{ $item->model->name}} {{ $item->combination->name}} <small>{{$item->line->name}}</small>
                        </h3>
	                    <div class="form-horizontal">
	                    	<div class="form-group">
	                    		<label class="control-label col-sm-4">
	                    			Cantidad
	                    		</label>
	                    		<div class="col-sm-4">
	                    			<p class="form-control-static">
		                    			{{$item->quantity}}
		                    		</p>
	                    		</div>
	                    	</div>
	                    	@if($item->size)
		                    	<div class="form-group">
		                    		<label class="control-label col-sm-4">
		                    			Talla
		                    		</label>
		                    		<div class="col-sm-4">
		                    			<p class="form-control-static">
			                    			{{$item->size->name}}
			                    		</p>
		                    		</div>
		                    	</div>
	                    	@endif
	                    	@if($item->combination->colors()->count() > 0)
	                    		<div class="form-group">
		                    		<label class="control-label col-sm-4">
		                    			Color
		                    		</label>
		                    		<div class="col-sm-4">
		                    			<p>
			                    			{!!$item->color ? ($item->color->photo ? Html::image($item->color->photo->thumbnail->url('thumb')) : $item->color->name) : 'N/A' !!}
			                    		</p>
		                    		</div>
                                    <div class="col-sm-3">
                                        <p class="text-right">
                                            <label class="visible-xs-inline">
                                                SUBTOTAL
                                            </label>
                                            $ <strong>{{ number_format($item->quantity * $item->combination->price, 2) }}</strong>
                                        </p>
                                    </div>
		                    	</div>
	                    	@endif
	                    	
	                    </div>
	                </div>
	            </div>

	        @endforeach
	        <div class="media">
            	<div class="media-left hidden-xs">
            		<div class="media-object" id="img-hole">
                    </div>
            	</div>
            	<div class="media-body">
        		    <div class="form-horizontal">
                        <div class="form-group">
                            <label class="control-label col-sm-4 col-sm-offset-4">
                                Subtotal
                            </label>
                            <div class="col-sm-3">
                                <p class="form-control-static text-right">
                                    $ {{ number_format(Cart::subtotal($items), 2) }}
                                </p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-4 col-sm-offset-4">
                                Envío
                            </label>
                            <div class="col-sm-3">
                                <p class="form-control-static text-right">
                                    $ {{ number_format(Cart::shippingAmount($items),2) }}
                                </p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-4 col-sm-offset-4">
                                Total
                            </label>
                            <div class="col-sm-3">
                                <p class="form-control-static text-right">
                                    $ {{ number_format(Cart::total($items),2) }}
                                </p>
                            </div>
                        </div>
                        
                        
                        @if(Auth::guest())
                            <div class="form-group">
                                <div class="col-sm-5 col-sm-offset-6">
                                    <a href="{{action('Auth\AuthController@getLogin', ['checkout' => Session::getId()])}}" class="btn btn-primary btn-lg btn-block">
                                        <span class="fa fa-fw fa-paypal"></span> Pagar
                                    </a>
                                </div>
                            </div>
                        @else
                            <div class="form-group">
                                <div class="col-sm-5 col-sm-offset-6">
                                    <button class="btn btn-primary btn-lg btn-block" type="button" data-toggle="modal" data-target="#address-modal">
                                        <span class="fa fa-fw fa-paypal"></span> Pagar
                                    </button>
                                </div> 
                            </div>
                        @endif
                    </div>
                    
        		</div>
            </div>
		</div>
	     
	        
	    
	    
	@endif
	
</div>

{!!Form::model(Auth::user(), [
    'action' => 'CheckoutController@postPaypalPayment',
]) !!}

<div id="address-modal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                Antes de continuar, confirma tu dirección
            </div>
            <div class="modal-body">
                <div class="form-group @if($errors->first('street')) has-error @endif">
                    {!! Form::label('street', 'Calle') !!}
                    {!! Form::text('street', old('street'), ['class' => 'form-control', 'required' => 'required']) !!}
                    <small class="text-danger">{{ $errors->address->first('street') }}</small>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group @if($errors->address->first('ext_num')) has-error @endif">
                            {!! Form::label('ext_num', 'Número') !!}
                            {!! Form::text('ext_num', old('ext_num'), ['class' => 'form-control']) !!}
                            <small class="text-danger">{{ $errors->address->first('ext_num') }}</small>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-group @if($errors->address->first('int_num')) has-error @endif">
                            {!! Form::label('int_num', 'Interior') !!}
                            {!! Form::text('int_num', old('int_num'), ['class' => 'form-control']) !!}
                            <small class="text-danger">{{ $errors->address->first('int_num') }}</small>
                        </div>
                    </div>
                </div>

                <div class="form-group @if($errors->address->first('settlement')) has-error @endif">
                    {!! Form::label('settlement', 'Colonia') !!}
                    {!! Form::text('settlement', old('settlement'), ['class' => 'form-control', 'required' => 'required']) !!}
                    <small class="text-danger">{{ $errors->address->first('settlement') }}</small>
                </div>

                <div class="form-group @if($errors->address->first('town')) has-error @endif">
                    {!! Form::label('town', 'Delegación/Municipio') !!}
                    {!! Form::text('town', old('town'), ['class' => 'form-control', 'required' => 'required']) !!}
                    <small class="text-danger">{{ $errors->address->first('town') }}</small>
                </div>

                <div class="form-group @if($errors->address->first('estate')) has-error @endif">
                    {!! Form::label('estate', 'Ciudad') !!}
                    {!! Form::text('estate', old('estate'), ['class' => 'form-control', 'required' => 'required']) !!}
                    <small class="text-danger">{{ $errors->address->first('estate') }}</small>
                </div>

                <div class="form-group @if($errors->address->first('zip_code')) has-error @endif">
                    {!! Form::label('zip_code', 'Código postal') !!}
                    {!! Form::number('zip_code', old('zip_code'), ['class' => 'form-control', 'required' => 'required']) !!}
                    <small class="text-danger">{{ $errors->address->first('zip_code') }}</small>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-default" data-dismiss="modal" type="button">Cancelar</button>
                <button class="btn btn-primary" type="submit">Pagar ahora</button>
            </div>
        </div>
    </div>      
</div>
{!! Form::close() !!}

<div id="remove-from-cart-modal" class="modal fade">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-body">
                ¿Estás seguro que deseas eliminar esta pieza de tu carrito?
                {!! Form::hidden('combination_id', null, ['id' => 'remove-from-cart-combination-id']) !!}
                {!! Form::hidden('color_id', null, ['id' => 'remove-from-cart-color-id']) !!}
                {!! Form::hidden('size_id', null, ['id' => 'remove-from-cart-size-id']) !!}
                <br><br>
                <div class="text-right">
                    <button class="btn btn-sm btn-default" data-dismiss="modal">Cancelar</button>
                    <button class="btn btn-sm btn-primary" id="remove-from-cart-btn">Sí, eliminar</button>
                </div>
            </div>
            
        </div>
    </div>
</div>
@endsection


@section('style')
    {!! Html::style('/css/cart.css') !!}
@endsection

@section('script')
    @if($errors->address->count() > 0)
    <script type="text/javascript">
    $(function(){
        $('#address-modal').modal('show');
    });
    </script>
    @endif
    {!! Html::script('js/cart.js') !!}
@endsection