@extends('layout')

@section('extra_scripts')
    <script type="text/javascript" src="{!! asset('js/jquery-validation/jquery.validate.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('js/jquery-validation/localization/messages_pl.min.js') !!}"></script>
    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('.save-quantity').on('click', function(event) {
                var dataToSend = {
                    'id': $(this).data('id'),
                    'quantity': $(this).siblings('input.quantity').val()
                };
                window.location = "{!! route('front::order.changeQuantity') !!}?" + $.param(dataToSend);
            });
            var promoCodeSubmit = function () {
                var promoCode = $('input.promocode').val();
                if (!promoCode) {
                    return
                }
                var dataToSend = {
                    'promocode': promoCode
                };
                window.location = "{!! route('front::order.promoCode') !!}?" + $.param(dataToSend);
            };
            $("input.promocode").on('keyup', function (event) {
                if (event.keyCode == 13) { // enter key
                    promoCodeSubmit();
                }
            });
            $('.save-promocode').on('click', function(event) {
                promoCodeSubmit();
            });
            $('.quantity').on('change', function(event) {
                var currenyValue = parseInt($(this).val());
                var orgValue = parseInt($(this).data('org-quantity'));
                if (currenyValue != orgValue) {
                    $(this).siblings('.save-quantity').show();
                } else {
                    $(this).siblings('.save-quantity').hide();
                }
            });
            $('input[type=radio][name=type]').change(function() {
                if (this.value == 'person') {
                    $(".type-depend #company").val("-------");
                    $(".type-depend #nip").val("-------");
                    $(".type-depend").hide();
                }
                else if (this.value == 'company') {
                    $(".type-depend #company").val("");
                    $(".type-depend #nip").val("");
                    $(".type-depend").show();
                }
            });
            $('#contact').validate({
                rules: {
                    first_name: {
                        minlength: 2,
                        maxlength: 50,
                        required: true
                    },
                    last_name: {
                        minlength: 2,
                        maxlength: 50,
                        required: true
                    },
                    company: {
                        minlength: 1,
                        maxlength: 100,
                        required: $("#radio_company").prop("checked")
                    },
                    nip: {
                        minlength: 7,
                        maxlength: 25,
                        required: $("#radio_company").prop("checked")
                    },

                    postcode: {
                        minlength: 3,
                        maxlength: 10,
                        required: true
                    },
                    city: {
                        minlength: 3,
                        maxlength: 50,
                        required: true
                    },
                    street: {
                        minlength: 3,
                        maxlength: 50,
                        required: true
                    },
                    street_nr: {
                        minlength: 1,
                        maxlength: 20,
                        required: true
                    },

                    email: {
                        required: true,
                        email: true
                    },
                    phone: {
                        minlength: 5,
                        maxlength: 40,
                        required: true
                    }
                },
                highlight: function(element) {
                    $(element).closest('.form-group').addClass('has-error');
                },
                unhighlight: function(element) {
                    $(element).closest('.form-group').removeClass('has-error');
                },
                errorElement: 'span',
                errorClass: 'help-block',
                errorPlacement: function(error, element) {
                    if (element.hasClass('no-error-placement')) {

                    } else {
                        if(element.parent('.input-group').length) {
                            error.insertAfter(element.parent());
                        } else {
                            error.insertAfter(element);
                        }
                    }
                }
            });
        });
    </script>
@endsection

@section('content')
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <h3 class="title">Koszyk</h3>
                @if ($cart)
                <table class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <th>Szerokość pas.</th>
                        <th>Zachodzenie pas.</th>
                        <th>Rodzaj</th>
                        <th>Szerokość ot.</th>
                        <th>Wysokość os.</th>
                        <th>Ostrzegawcze</th>
                        <th>Listwa</th>
                        <th>Cena jedn.</th>
                        <th style="width: 50px;">Ilość</th>
                        <th>Wartość</th>
                        <th>Usuń</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($cart as $id => $item)
                        <tr>
                            <td>{{ $item->stripsWidth }}mm</td>
                            <td>{{ $item->overlapping }}mm</td>
                            <td>{{ $item->stripsKind == 'normal' ? 'normalne' : 'chłodnicze' }}</td>
                            <td>{{ $item->B }}mm</td>
                            <td>{{ $item->H }}mm</td>
                            <td>{{ $item->onEdgeRedStripes ? 'Tak': 'Nie' }}</td>
                            <td>{{ $item->lathIncluded ? 'Tak': 'Nie' }}</td>
                            <td class="text-right">{{ $item->calculationDetails->price }}&nbsp;{{ $currency }}</td>
                            <td>
                                <input class="form-control quantity" name="quantity" type="number" value="{{ $item->quantity }}" data-org-quantity="{{ $item->quantity }}" min="1" style="width: 40px; height: 30px; padding: 3px;"/>
                                <a href="#" data-id="{{ $id }}" class="save-quantity" style="display: none">Zapisz</a>
                            </td>
                            <td class="text-right">{{ $item->calculationDetails->totalPrice }}&nbsp;{{ $currency }}</td>
                            <td><a style="cursor: pointer;" href="{!! route('front::order.deleteFromCart') !!}?id={{ $id }}"><i class="fa fa-trash"></i></a></td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                @else
                    <strong>Koszyk jest pusty!</strong>
                    <br/><br/>
                @endif
            </div>
        </div>
        <div class="row">
            <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
                <a style="cursor: pointer;" href="{!! route('front::calculation') !!}">Dodaj @if ($cart)kolejną @endif kurtynę <i class="fa fa-plus"></i></a>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a style="cursor: pointer;" href="{!! route('front::order.deleteFromCart') !!}?id=all">Wyczyść koszyk <i class="fa fa-trash"></i></a>
                <br><br>
                <div class="input-group" style="width: 310px">
                    <input type="text" placeholder="Kod rabatowy" class="form-control promocode">
                    <span class="input-group-btn">
                        <button class="btn btn-default save-promocode" type="button">Aktywuj</button>
                    </span>
                </div>
                <span style="color: red">{{ \Session::get('promoCodeMessage') }}</span>
            </div>
            <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
                <h3 class="title">Podsumowanie koszyka</h3>
                <table class="table table-striped table-bordered">
                    @if ($summary->sumAfterDiscount != $summary->sum)
                    <tr>
                        <td>Suma zamówienia netto:</td>
                        <td class="text-right" style="text-decoration:line-through;">{{ $summary->sum }} {{ $currency }}</td>
                    </tr>
                    <tr>
                        <td>Suma zamówienia netto po rabacie:</td>
                        <td style="background-color: #e1f4d7" class="text-right">{{ $summary->sumAfterDiscount }} {{ $currency }}</td>
                    </tr>
                    @else
                    <tr>
                        <td>Suma zamówienia netto:</td>
                        <td class="text-right">{{ $summary->sum }} {{ $currency }}</td>
                    </tr>
                    @endif
                    <tr>
                        <td>Wartość VAT ({{ isset($settings['vat']) ? $settings['vat'] : 23 }}%) {{ $currency }}: </td>
                        <td class="text-right">{{ $summary->sumTax }} {{ $currency }}</td>
                    </tr>
                    <tr style="background-color: #b2dba1">
                        <td><strong>Wartość brutto:</strong></td>
                        <td class="text-right"><strong>{{ $summary->sumBrutto }} {{ $currency }}</strong></td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="row order-row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="order-form">
                <h3 class="title">Zamówienie</h3>

                <form method="post" class="reply" id="contact" action="{!! route('front::order.store') !!}">

                    @include('parts.errors')

                    {!! csrf_field() !!}
                    <fieldset>
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" style="font-size: 17px;">
                                <label for="radio_company">Firma</label>&nbsp;<input type="radio" id="radio_company" class="type" value="company" name="type" checked>
                                <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                <label for="radio_person">Osoba prywatna</label>&nbsp;<input type="radio" id="radio_person" value="person" class="type" name="type">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 form-group">
                                <label for="first_name">Imię: <span>*</span> <small>(nie będzie na fakturze)</small></label>
                                <input class="form-control" id="first_name" name="first_name" type="text" value="{{ Input::old('first_name') }}" required>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 form-group">
                                <label for="last_name">Nazwisko: <span>*</span> <small>(nie będzie na fakturze)</small></label>
                                <input class="form-control" type="text" id="last_name" name="last_name" value="{{ Input::old('last_name') }}" required>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 form-group type-depend">
                                <label for="company" class="hidden-xs">Pełna nazwa firmy: <span>*</span></label>
                                <label for="company" class="visible-xs">Nazwa firmy: <span>*</span></label>
                                <input class="form-control" id="company" name="company" type="text" value="{{ Input::old('company') }}" required>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 form-group type-depend">
                                <label for="nip">NIP: <span>*</span></label>
                                <input class="form-control" type="text" id="nip" name="nip" value="{{ Input::old('nip') }}" required>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <h4>Adres do fakturowania: <span>*</span></h4>

                                <div class="row">
                                    <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
                                        <div class="form-group">
                                            <input class="form-control no-error-placement" id="postcode" name="postcode" type="text" value="{{ Input::old('postcode') }}"
                                               placeholder="Kod pocztowy*" required>
                                        </div>
                                    </div>
                                    <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7">
                                        <div class="form-group">
                                            <input class="form-control no-error-placement" id="city" name="city" type="text" value="{{ Input::old('city') }}"
                                               placeholder="Miasto*" required>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
                                        <div class="form-group">
                                            <input class="form-control no-error-placement" id="street" name="street" type="text" value="{{ Input::old('street') }}"
                                               placeholder="Ulica*" required>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                        <div class="form-group">
                                            <input class="form-control no-error-placement" id="street_nr" name="street_nr" type="text" value="{{ Input::old('street_nr') }}"
                                                   placeholder="Nr*" required>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <h4>Adres do wysyłki
                                    <small>(gdy inny niż adres fakturowania)</small>
                                    :
                                </h4>
                                <div class="row">
                                    <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
                                        <input class="form-control" id="delivery_postcode" name="delivery_postcode"
                                               type="text" value="{{ Input::old('delivery_postcode') }}" placeholder="Kod pocztowy">
                                    </div>
                                    <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7">
                                        <input class="form-control" id="delivery_city" name="delivery_city" type="text"
                                               value="{{ Input::old('delivery_city') }}" placeholder="Miasto">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
                                        <input class="form-control" id="delivery_street" name="delivery_street"
                                               type="text" value="{{ Input::old('delivery_street') }}" placeholder="Ulica">
                                    </div>
                                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                        <input class="form-control" id="delivery_street_nr" name="delivery_street_nr"
                                               type="text" value="{{ Input::old('delivery_street_nr') }}" placeholder="Nr">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <h4>Dane kontaktowe:</h4>
                                <div class="form-group">
                                    <label for="email">Adres Email: <span>*</span></label>
                                    <input class="form-control" id="email" name="email" type="email" value="{{ Input::old('email') }}" required>
                                </div>
                                <div class="form-group">
                                    <label for="phone">Telefon kontaktowy: <span>*</span></label>
                                    <input class="form-control" id="phone" name="phone" type="text" value="{{ Input::old('phone') }}" required>
                                </div>
                                <div class="form-group">
                                    <label>Weryfikacja - podaj wynik działania &#120814; + &#120815; = <span>*</span></label>
                                    <input class="form-control" id="spmtest" placeholder="&#120814; + &#120815; =" name="spmtest" type="text" required>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group">
                                <h4>Informacje dodatkowe:</h4>
                                <textarea class="form-control" id="extra_info" name="extra_info" rows="11"
                                          cols="40">{{ Input::old('extra_info') }}</textarea>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                <p style="font-size: 12px;"><input type="checkbox" name="approve" checked required style="margin: 0px;">&nbsp;Przesyłając powyższy formularz wyrażam zgodę na gromadzenie, przetwarzanie i wykorzystywanie moich danych zgodnie z polskim prawem, w szczególności art.24 ust.1 pkt 3 Ustawy o ochronie danych osobowych oraz akceptuję <a style="cursor: pointer;" href="{!! asset('files/Przegrodypl-regulamin.pdf') !!}" target="_blank">regulamin</a>.</p>
                            </div>
                        </div>
                    </fieldset>

                    <div class="row">
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                            <button class="btn btn-normal btn-color submit bottom-pad" type="submit">Wyślij zamówienie <i class="fa fa-shopping-cart "></i></button>
                        </div>
                        <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
                        </div>
                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                            <a href="{!! route('front::order.print') !!}" target="_blank" class="pull-right">Drukuj zamówienie <i class="fa fa-print"></i></a>
                        </div>
                    </div>


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


<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-207391453-1">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-207391453-1');
</script>

@endsection