@extends('ety-1.modules.users.user-profile')

@section('inside')

    <div class="row vert-margin">
        <div class="col-sm-9">
            <div class="card">
                <div class="card-body">
                    <p><b>{{__('general.name-surname')}}:</b> {{Auth::user()->name}}<br>
                        <b>{{__('general.email')}}:</b> {{Auth::user()->email}}<br>

                    </p>
                    <div class="mt-2 clearfix">
                        <a href="{{route('get-user-info')}}" class="link-icn" ><i class="icon-pencil"></i>{{__('general.edit_profile')}}</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-9">
            <div class="card">
                <div class="card-body">
                    @if($address)
                    <h3>{{__('general.user-profile.default-address')}}</h3>
                        <p>{{@$address->name}}<br>
                        {{@$address->address}} {{@$address->district->name}}
                        /{{@$address->city->name}} {{@$address->country->name}}<br>
                        <b>{{__('general.user-profile.phone')}}:</b> {{@$address->phone}} {{@$address->mobile_phone}}
                    </p>
                    @else
                        {{__('general.user-profile.address-not-found')}}

                        @endif
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-18 mt-2">
        <h1 class="mb-3">{{__('general.user-profile.orders')}}</h1>
        <div class="table-responsive">
            <table class="table table-bordered table-striped table-order-history">
                <thead>
                <tr>
                    <th></th>
                    <th></th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                @foreach($orders as $order)
                    <tr style="background-color: #ffd8d6">
                        <td>#{{$order->id}}</td>
                        <td>{{date('d/m/Y H:i',strtotime($order->created_at))}}</td>
                        <td>{{$order->total_order}}₺</td>
                    </tr>
                    <tr>
                        <td>{{@$order->orderStatus->status_name}}</td>
                        <td><button class="btn btn-primary" onclick="orderProductsModal({{$order->id}})">Ürünler</button></td>
                        <td><a href="{{route('track-shipping',['order_id' => $order->id,'email' => $order->email,'run' => 1])}}" target="_blank" class="btn btn-primary">Kargo Takip</a></td>

                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>

    @foreach($orders as $order)
        <div id="popupproducts-{{$order->id}}" class="modal-info-content newslettermodal--classic p-0" style="display: none;" data-pause="12000" data-expires="0" data-only-index="false">
            <div class="row align-items-center">
                <div class="col-sm-18 d-none d-sm-block">
                    <div class="table-responsive-sm">
                        <table>
                            <thead>
                            <tr>
                                <th>{{__('general.image')}}</th>
                                <th style="padding-left: 5px">{{__('general.product-name')}}</th>
                                <th style="padding-left: 5px">{{__('general.quantity')}}</th>
                                <th style="padding-left: 5px">{{__('general.price')}}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($order->products as $op)

                                <tr>
                                    <td><img style="width: 40px;height: auto" src="{{asset($op->image_dest)}}"></td>
                                    <td style="padding-left: 5px">{{$op->product_name}}</td>
                                    <td style="padding-left: 5px">{{$op->quantity}}</td>
                                    <td style="padding-left: 5px">{{priceFormat($op->product_total)}}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        <div data-fancybox-close class="fancybox-close-small modal-close"><i class="icon-close"></i></div>
        </div>
    @endforeach
@endsection
@section('js')
    <script>
        function orderProductsModal(id) {
            $.fancybox.open([{
                src: '#popupproducts-'+id,
                type: 'inline',
                btnTpl: {
                    smallBtn: '<div data-fancybox-close class="fancybox-close-small modal-close"><i class="icon-close"></i></div>'
                }
            }], {
                buttons: ['close'],
                touch: false
            });
        }
    </script>

@endsection