@extends('templates.layouts.base')
@section('js')
    <script src="{{ asset('shop/js/public.js') }}"></script>
    <script>
        $(function(){

        	function refreshShipping(){
        		country = $('select[name=shipping_country_id]').val();
        		region = $('select[name=shipping_zone_id]').val();
        		$.ajax('calculate-shipping?country='+country+'&region='+region,{

        		}).done(function(r){
        			$('#cartcheckout').html(r);
        		});
        	}

        	$('select[name=shipping_country_id]').change(function(){
        		refreshShipping();
        	});	
        	$('select[name=shipping_zone_id]').change(function(){
        		refreshShipping();
        	});	


			refreshShipping();

            function validate(step){
                valid = true;

                $('#'+step+' .js-required').each(function(i){
                    if($(this).val()==''){
                        valid = false;
                        $(this).css('border-color','red');
                    }
                    else{
                        $(this).css('border-color','');
                    }
                });
                return valid;
            }
            $('.js-step2').click(function(){
                if(!validate('billing'))
                {
                    setTimeout(function(){
                        $('.js-step1').tab('show');
                    },100);
                }
            });

            $('.js-step3').click(function(){
                if(!validate('billing'))
                {
                    setTimeout(function(){
                        $('.js-step1').tab('show');
                    },100);
                }

                if(!validate('shipping'))
                {
                    setTimeout(function(){
                        $('.js-step2').tab('show');
                    },100);
                }
            });

            $('.remove-item').click(function(e) {
                e.preventDefault();
                var target = $($(this).data('target'));
                target.val(0);
                target.change();
                return false;
            });

            $('#login-button').click(function(e) {
                e.preventDefault();
                var email = $('#fake-form').find('input[name=email]').val();
                var password = $('#fake-form').find('input[name=password]').val();

                $('#login_form').find('input[name=email]').val(email);
                $('#login_form').find('input[name=password]').val(password);
                $('#login_form').submit();
                return false;
            });

            $('.js-changeqty').change(function(){
            	window.location = window.location+'?changeline='+$(this).data('line')+'&qty='+$(this).val();
            });

            $('#js-apply-discount').click(function(e) {
                e.preventDefault();
                var discountCode = $('#fake-discount input[name=discount]').val();
                $('#discount_form input[name=discount]').val(discountCode);
                $('#discount_form').submit();
                return false;
            });
        });
    </script>
@stop

@section('content')
<form method="POST" action="{{ Fnx::urlTo($lang->url .'/shop/process-login' ) }}" class="hidden" id="login_form">
    {!! csrf_field() !!}
    <input type="hidden" name="goto" value="{{ $page->lang()->getUrl() }}">
    {{ Form::text('email', '') }}
    {{ Form::password('password') }}
</form>

<form method="POST" action="{{ request()->url() }}" class="hidden" id="discount_form">
    {!! csrf_field() !!}
    <input type="hidden" name="discount" value="">
</form>

<section class="bg-header" style="background-image: url('{{ $page->thumbnail(0) }}')">
    <div class="container">
        <div class="row">
            <div class="col-xs-4">
                <h1>{{$page->lang()->title }}</h1>
            </div>
            
            <div class="col-xs-8 text-right">
                <ul class="list-inline">
                    <li><a  href="{{$homepage->lang()->getUrl()}}">{{$homepage->lang()->title}}</a></li>
                    <li class="active">{{$page->lang()->title}}</li>
                </ul>
            </div>
        </div>
    </div>
</section>

<div class="container">
    <div class="row mt-40">
        {{Form::open(array('url'=>'shop/processcheckout'))}}
            @if (Session::has('verror'))
                <div class="alert alert-danger alert-dismissable">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                    {{Fnx::translate('contact_ko')}}
                </div>
            @endif

            @if (Session::has('error_msg'))
                <div class="alert alert-danger alert-dismissable">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                    {{Session::get("error_msg")}}
                </div>
            @endif

            @if (Session::has('msg'))
                <div class="alert alert-info alert-dismissable">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>

                    {{Session::get("msg")}}
                </div>
            @endif


            <div class="col-xs-12 col-md-8">
                <div class="cart-table p-0">
                    <!-- Your order - table -->
                    <div class="table-responsive">
                        <table id="tablecheckout" class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>{{Fnx::translate('shop_product_name')}}</th>
                                    <th class="text-right">{{Fnx::translate('shop_price')}}</th>
                                    <th class="text-right">{{Fnx::translate('shop_quantity')}}</th>
                                    <th class="text-right">{{Fnx::translate('shop_total')}}</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($cart->lines as $cline)
                                    <tr class="checkout_table_item">
                                        <td>
                                            {{$cline->item->product->lang()->title}}
                                                                                        <br><b>{{Fnx::translate('config_out')}}</b> {{$config['config_out'] or ''}}cm
                                             <b>{{Fnx::translate('config_line')}}</b> {{$config['config_line'] or ''}}cm
                                             <b>{{Fnx::translate('config_height')}}</b> {{$config['config_height'] or ''}}cm
                                        </td>
                                        <td class="text-right">
                                            {{Fnx::printPrice($cline->getPrice())}}
                                        </td >
                                        <td class="text-right">
                                          
                                            {{Form::selectrange('chqty[]',1,10,$cline->quantity,['class'=>'form-control js-changeqty','data-line'=>$cline->id])}}
                                                                                    </td>
                                        <td class="text-right">
                                            <b>{{Fnx::printPrice($cline->quantity * $cline->getPrice())}}</b>
                                        </td>
                                        <td class="text-center">
                                            <a class="js-remove-item" href="{{Request::url()}}" data-target="{{ $cline->id }}">
                                            <i class="fa fa-times " ></i>
                                            </a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr class="checkout_table_item text-center">
                                        <td colspan="5">{{Fnx::translate('shop_no_products')}}</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    <div class="clearfix"></div>
                </div>

                <div class="text-center mb-20">
                <a clasS="btn btn-prolona" href="{{$homepage->lang()->getUrl()}}">{{Fnx::translate('keep_shopping')}}</a>
            </div>


            </div>

            



                    @if (!$customer)
                         <div class="col-xs-12 col-md-4">
                <div class="row">
                        <div class="col-xs-12 mb-20">
                            <div class="customer-info">
                                <div class="bordered">
                                    <div class="col-xs-12">
                                        <h2 class="title">{{ $page->section(9) }} - <small>{{ $page->section(10) }}</small></h2>
                                    </div>
                                    <div class="col-xs-12">
                                        @if (session()->has('error_msg'))
                                            <div class="alert alert-danger">
                                                <button type="button" class="close" data-dismiss="alert">&times;</button>
                                                <p>{{session("error_msg")}} </p>
                                            </div>        
                                        @endif

                                        @if (session()->has('msg'))
                                            <div class="alert alert-info">
                                                <button type="button" class="close" data-dismiss="alert">&times;</button>
                                                <p>{{session("msg")}} </p>
                                            </div>
                                        @endif
                                        <div class="mt-20" id="fake-form">
                                            {!! csrf_field() !!}
                                            <div class="form-group">
                                                {{ Form::text('email', '', ['class'=>'form-control', 'placeholder' => Fnx::translate('shop_public_email')]) }}
                                            </div>
                                            <div class="form-group">
                                                {{ Form::password('password', ['class'=>'form-control', 'placeholder' => Fnx::translate('shop_public_password')]) }}
                                            </div>

                                            {{Form::submit( Fnx::translate('shop_public_identify'), ['class'=>'btn btn-prolona inverse', 'id' => 'login-button']) }}
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </div>
                           </div>
                        </div>
                    @endif
 <div class="clearfix"></div>


            <div class="col-xs-12 col-md-12">
                <div class="customer-info">
                    <div class="bordered">
                        <div class="col-xs-12">
                            @if (!$customer)
                                <h2 class="title">{{ $page->section(0) }} - <small>{{ $page->section(1) }}</small></h2>
                            @else
                                <h2 class="title">{{ $page->section(12) }}</small></h2>
                            @endif
                        </div>
                        <div class="col-xs-12">
                            <p><b>{{ $page->section(2) }}</b></p>
                        </div>
                        @if (!$customer)
                            @include('templates.parts.billing-info')
                        @else
                            <div class="col-xs-12 mb-10">
                                <select class="form-control" name="customer_billing_address">
                                    @foreach ($customer->addresses as $address)
                                        <option value="{{ $address->id }}">{{ $address->adressname }}</option>
                                    @endforeach
                                </select>
                            </div>
                        @endif
                        <div class="col-xs-12">
                            <p><b>{{ $page->section(3) }}</b></p>
                        </div>
                        @if (!$customer)
                            @include('templates.parts.shipping-info')    
                        @else
                            <div class="col-xs-12 mb-10">
                                <select class="form-control" name="customer_shipping_address">
                                    @foreach ($customer->addresses as $address)
                                        <option value="{{ $address->id }}">{{ $address->adressname }}</option>
                                    @endforeach
                                </select>
                            </div>
                        @endif  
                        <div class="col-xs-12">
                            @if ($customer) 
                                {!! Fnx::translate('shop_add_new_address') !!}
                            @endif
                        </div>
                    <div class="clearfix"></div>
                </div>
                </div>
            </div>

            <div class="clearfix mb-30"></div>

            <div class="col-xs-12 mb-30">
                <div class="bordered">

                    <div class="col-xs-12 col-sm-6">
                        <div class="customer-info">
                            <div class="">
                                <div class="col-xs-12">
                                    <h2 class="title">{{ $page->section(11) }}</h2>
                                </div>
                                <div class="col-xs-12 mb-20">
                                    <div class="mt-20 form-inline" id="fake-discount">
                                        <div class="form-group">
                                            {{ Form::text('discount', request()->discount, ['class'=>'form-control', 'placeholder' => '', 'style' => 'width: 300px']) }}
                                        </div>
                                        {{Form::submit( Fnx::translate('shop_public_apply_discount'), ['class'=>'btn btn-prolona inverse', 'id' => 'js-apply-discount']) }}
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-xs-12  col-sm-6">
                        <div class="customer-info">
                            <div class="">
                                <div class="form-horizontal">
                                    <div class="form-group mt-20 mb-10">
                                        <p for="inputEmail3" class="col-sm-3 control-label"><b>{{ Fnx::translate('shop_comments') }}</b></p>
                                        <div class="col-sm-9">
                                            <textarea name="comments" class="form-control" id="inputEmail3" placeholder=""></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                <div class="clearfix"></div>
                </div>
            </div>


<div class="col-xs-12 col-md-6 mb-20">

                <div class="bordered cart-resume">
                    <!-- Your order - table -->
                    <div class="title">
                        <h3>{{ $page->section(4) }} <img src="{{ asset('/images/cart.png') }}" class="img-responsive pull-right"></h3>
                    </div>



                    <div class="" id="cartcheckout">
                        @include('templates.shop.parts.cartcheckout',['language_id'=>$lang->id])
                    </div>


                    <div class="clearfix"></div>
                </div>

            </div>


            @if ($cart->lines->count() > 0 || ($customer && $customer->addresses->count() == 0))
                <div class="col-xs-12 col-md-6 mb-20 pull-right">
                    <div class="bordered cart-resume">
                        <!-- Your order - table -->
                        <div class="title">
                            <h3>{{ $page->section(5) }}</h3>
                        </div>
                        <div class="col-xs-12">
                            @foreach($paymentmethods as $pos=>$pm)
                                <div class="radio">
                                    <label>
                                        <input type="radio" name="payment_method" value="{{$pm->id}}" {{ $loop->index == 0 ? 'checked' : '' }}>
                                        {{Fnx::translate($pm->translate_key.'_text')}}
                                    </label>
                                </div>
                            @endforeach
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" name="conditions" value="1">
                                    {{ $page->section(6) }} <a href="{{ $page->section(13) }}" target="_blank"><i class="fa fa-external-link"></i></a>
                                </label>
                            </div>
                            @if (!$customer)
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" name="register" value="1">
                                        {{ $page->section(7) }}
                                    </label>
                                </div>
                            @endif
                            
                            <button type="submit" class="mb-40 mt-40 btn btn-block btn-prolona">{{ $page->section(8) }}</button>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>     
            @endif
    {{Form::close()}}
    </div>
</div>

@stop