@extends('web.page')

@section('page_class', 'ec_cart')

@section('content')

    <section class="header_image">
        <img src="/images/header/background_neutral.jpg">
    </section>

    <section class="title">
        <div class="container-fluid">
            <div class="col-md-12">
                <h1>@lang('ecommerce::web.cart.title')</h1>
            </div>
        </div>
    </section>

@if(!isset($cart) || sizeof($cart->items) == 0)
    <div class="container">
        <div class="row">
            <div class="col-md-12">

                <h4 class="no-items">Nema artikala u košarici</h4>
            </div>
        </div>
    </div>

@else

    <div class="container">
        <div class="row">
            <div class="col-md-12">

                <table class="table cart_table">
                    <thead>
                    <tr>
                        <th></th>
                        <th>Proizvod</th>
                        <th>Količina</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($cart->items as $item)
                        <tr class="item" data-id="{{ $item->id }}">
                            <td>
                                {{ Form::open(['route' => ['cart.destroy', $item->id], 'method' => 'delete', 'class'=>'del-item']) }}
                                <button type="submit" class="btn-delete"></button>
                                {{ Form::close() }}
                            </td>
                            <td>
                               {{ $item->name }}
                            </td>
                            <td class="quantity">
                                <i class="fa fa-minus btn-minus btn-quantity"></i>
                                <input type="text" value="{{ $item->quantity }}" class="qnty">
                                <i class="fa fa-plus btn-plus btn-quantity"></i>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12 text-right">
                @if(Auth::check())
                    <a href="{{ route('order.create') }}" class="btn btn-primary">Zatraži ponudu</a>
                @else
                    <a href="#" class="btn btn-primary order">Zatraži ponudu</a>
                @endif
            </div>
        </div>

    </div>

@endif


<!-- Modal -->
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Prijavite se</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                {!! BootForm::vertical([
                'model' => null,
                'store' => 'order.login',
                ]) !!}

                <div class="col-md-12">
                    @if(session('loginFailed'))
                        <div class="panel-danger">
                            {{ session('loginFailed') }}
                        </div>
                    @endif
                    {!! BootForm::text('login_email',  'E-mail', null, array('placeholder' =>  'Upišite e-mail', 'class' => 'form-control')) !!}

                    {!! BootForm::password('login_password',  'Lozinka', array('placeholder' =>  'Upišite lozinku', 'class' => 'form-control')) !!}
                    <a href="/password/reset">Zaboravili ste lozinku?</a>
                </div>

                <div class="col-md-12 text-center">
                    {!! BootForm::submit( "Prijava", array('class' => 'btn btn-primary')) !!}
                </div>
                {!! BootForm::close() !!}

                <div class="login-footer">
                    <p>Nemate svoj račun?</p> <a href="#" class="btn btn-dark btn-register">Registriraj se</a>
                </div>
            </div>

        </div>
    </div>
</div>

<div class="modal fade" id="registerModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Registracija</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                {!! BootForm::vertical([
                'model' => null,
                'store' => 'order.register',
                'class' => 'register'
                ]) !!}

                <div class="col-md-12">
                    {!! BootForm::text('name',  'Naziv tvrtke/obrta/osobno ime', null, array('placeholder' =>  'Naziv tvrtke/obrta/osobno ime*', 'class' => 'form-control')) !!}

                    {!! BootForm::text('email',  'E-mail*', null, array('placeholder' =>  'E-mail*', 'class' => 'form-control')) !!}

                    {!! BootForm::password('password',  'Lozinka', array('placeholder' =>  'Lozinka*', 'class' => 'form-control')) !!}

                    {!! BootForm::password('password_confirmation',  'Lozinka', array('placeholder' =>  'Potvrdi lozinku*', 'class' => 'form-control')) !!}

                    {!! BootForm::text('address',  'Adresa', null, array('placeholder' =>  'Adresa', 'class' => 'form-control')) !!}

                    {!! BootForm::text('zip_code',  'Poštanski broj', null, array('placeholder' =>  'Poštanski broj', 'class' => 'form-control')) !!}

                    {!! BootForm::text('city',  'Mjesto', null, array('placeholder' =>  'Mjesto', 'class' => 'form-control')) !!}

                    {!! BootForm::text('oib',  'OIB', null, array('placeholder' =>  'OIB', 'class' => 'form-control')) !!}

                    {!! BootForm::text('phone',  'Telefon/Mobitel', null, array('placeholder' =>  'Telefon/Mobitel', 'class' => 'form-control')) !!}

                    {!! BootForm::text('contact_person',  'Kontakt osoba', null, array('placeholder' =>  'Kontakt osoba', 'class' => 'form-control')) !!}
                </div>

                <div class="col-md-12 text-center">
                    {!! BootForm::submit( "Registriraj se", array('class' => 'btn btn-primary')) !!}
                </div>
                {!! BootForm::close() !!}

            </div>

        </div>
    </div>
</div>

@stop

@section('js')
    <script>
        $(document).ready(function () {
            var body = $('body');

            body.on('click', '.btn-quantity', function () {
                var input = $(this).closest('.quantity').find('.qnty');

                var value = parseInt(input.val());
                if($(this).hasClass('btn-plus')) {
                    value++;
                }
                else{
                    value--;
                    if(value < 1){
                        value = 1;
                    }
                }
                input.val(value);

                updateItem($(this).closest('.item').attr('data-id'), value);
            });

            body.on('change', '.qnty', function () {
                var value = parseInt($(this).val());
                if(isNaN(value)){
                    value = 1;
                }
                $(this).val(value);

                updateItem($(this).closest('.item').attr('data-id'), value);
            });

            body.on('click', '.order', function (e) {
                e.preventDefault();

                $('#loginModal').modal();
            });

            body.on('click', '.btn-register', function (e) {
                e.preventDefault();

                $('#loginModal').modal('toggle');
                $('#registerModal').modal();
            });

            @if(session('loginForm'))
            $('#loginModal').modal();
            @endif

            @if(session('registerForm'))
            $('#registerModal').modal();
            @endif

            function updateItem(id, quantity) {
                $.ajax({
                    url : '/api/e-commerce/moja-kosarica',
                    method : 'PUT',
                    data : {
                        "cart_item_id" : id,
                        "quantity" : quantity
                    }
                })
                    .done(function(data){

                    })
                    .fail(function(data){
                        alert('Greška!');
                    });
            }

        });
    </script>

@stop