@extends('layouts.app')

@section('scripts')
    @parent
    <script src="{{asset('public/js/home.js')}}"></script>
    <script>
        $(function () {
            $('.payclick').on('click', function (e) {
                e.preventDefault();
                var id = $(this).attr('data-id');
                $('#payblock').modal('show');
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                });
                $.ajax({
                    type: "post",
                    url: "ajax/payment",
                    data: 'id=' + id,
                    beforeSend: function () {
                        $('#payblock .modal-body').html('<p align="center"><img src="/img/loader.gif" class="loader"><div></div></p>');
                    },
                    success: function (data) {
                        console.log(id);
                        $('#payblock .modal-body').html(data);
                    },
                    error: function (data) {
                        console.log(data);
                    }
                });
            });
        });
    </script>
@endsection
@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-12 bodycon">

                <div class="panel-body main_body">
                    <div class="main_page">
                        <ul role="tablist" class="nav nav-tabs">
                            <li role="presentation" class="active">
                                <a href="#">{{trans('client.home.home page')}}</a>
                            </li>
                        </ul>
                        <div class="tab-content index">
                            <h3 aling="center" class="light">{{trans('client.home.title')}}</h3>
                            <div class="row order">
                                <div class="col-md-3">{{trans('client.home.order')}}</div>
                                <div class="col-md-3">{{trans('client.home.salon artist')}}</div>
                                <div class="col-md-2">{{trans('client.home.date')}}</div>
                                <!--<div class="col-md-2">{{trans('client.price.size')}}</div>-->
                                <div class="col-md-2">{{trans('client.price.price')}}</div>
                                <div class="col-md-2">{{trans('client.home.status')}}</div>
                            </div>
                            @foreach($orders as $one)
                                <div class="row order">
                                    <div class="col-md-3">
                                        @if(isset($one->pictures->picture_small))
                                            <a href="{{asset('picture/'.$one->picture_data)}}">
                                                <img src="{{asset($one->pictures->picture_small)}}"
                                                     class="picture_small"/>
                                            </a><br/>
                                        @endif
                                        @if($one->size == null)
                                            @if($one->body != 'gift card')
                                                {{trans('client.services.piercing')}}<br/>
                                            @endif
                                        @endif
                                        @if($one->size == null)
                                            <b>{!! rtrim($one->body, ', ') !!} </b>
                                        @endif
                                        <br/>
                                        {{(isset($one->catalogs->name))?trans('client.menu_gallery.'.$one->catalogs->name):' '}}
                                    </div>
                                    <div class="col-md-3">
                                        <b>{!! (isset($one->saloons->name))?"<a href='".asset('saloon/'.$one->saloons->id)."'>".$one->saloons->name."</a>":'-'!!}</b>
                                        <br/>
                                        <b>{{(isset($one->artists->name))?$one->artists->name:' '}}</b>
                                    </div>
                                    <div class="col-md-2">{{ Carbon\Carbon::parse($one->putdate)->format('d-m-Y H:i')}}</div>
                                    <!--<div class="col-md-2"><span class="size_gnom">{{round($one->size, 2)}}</span>
                                        cm<sup>2</sup></div>-->
                                    <div class="col-md-2">
                                        @if($one->size)
                                            {{$one->prices($one->catalogs_id, $one->size)}}
                                        @else
                                            {{$one->price}}
                                        @endif
                                        &euro;
                                    </div>
                                    <div class="col-md-2">
                                        № {{$one->id}}<br/>
                                        @if($one->status != 'client_change')
                                            <!-- partly/45 -->
                                            @if($one->status == 'payd20' or $one->status == 'payed full')
                                                {{trans('client.home.partly paid')}}
                                                @if($one->size)
                                                    {{$one->prices($one->catalogs_id, $one->size)*0.2}}
                                                @else
                                                    @if($one->body == 'gift card')
                                                        {{$one->price}}
                                                    @else
                                                        {{$one->price*0.2}}
                                                    @endif

                                                @endif
                                                &euro;
                                        @else
                                            <a href="#" data-id="{{$one->id}}"
                                               class="btn btn-block btn-warning payclick">@if($one->status == 'pay in full')
                                                    {{trans('client.home.pay full')}}
                                                @else
                                                    {{trans('client.home.pay online')}}
                                                @endif</a>
                                        @endif

                                        @else
                                            --
                                        @endif
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal modal-lg" id="payblock" aria-hidden="true" role="dialog" tabindex="-1"
         style="display: none;">

        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    ×
                </button>
                <h4 class="modal-title">{{trans('client.payment.information')}}</h4>
            </div>
            <div class="modal-body">

            </div>
            <div class="modal-footer">
            </div>
        </div>
    </div>
@endsection