@extends('users::user-profile')

@section('inside')
    <div class="dashboard">
        <div class="dashboard__profile card profile-card">
            <div class="card-body profile-card__body">
                <div class="profile-card__name">{{Auth::user()->name}}</div>
                <div class="profile-card__email">{{Auth::user()->email}}</div>
                <div class="profile-card__edit">
                    <a href="#" class="btn btn-secondary btn-sm">{{__('general.edit_profile')}}</a>
                </div>
            </div>
        </div>
        <div class="dashboard__address card address-card address-card--featured">
            <div class="address-card__badge">{{__('general.user-profile.default-address')}}</div>
            <div class="address-card__body">
            @if($address)
                    <div class="address-card__name">{{@$address->name}}</div>
                    <div class="address-card__row">
                        {{@$address->address}} {{@$address->district->name}}
                        /{{@$address->city->name}} {{@$address->country->name}}
                    </div>
                    <div class="address-card__row">
                        <div class="address-card__row-title">{{__('general.user-profile.phone')}}</div>
                        <div class="address-card__row-content">{{@$address->phone}} {{@$address->mobile_phone}} </div>
                    </div>
                    @if($address->company && is_array(json_decode($address->company,true)))
                        @foreach(json_decode($address->company,true) as $lang => $company)
                            <div class="address-card__row">
                                <div class="address-card__row-title">{{__('general.user-profile.'.$lang)}}</div>
                                <div class="address-card__row-content">{{$company}}</div>
                            </div>
                @endforeach
                <div class="address-card__footer">
                    <a href="{{route('get-address',['id' => $address->id])}}">{{__('general.user-profile.edit-address')}}</a>
                </div>
            @endif
            @else
                {{__('general.user-profile.address-not-found')}}
            @endif
        </div>
        </div>
    </div>
        <div class="dashboard__orders card">
            <div class="card-header">
                <h5>{{__('general.user-profile.orders')}}</h5>
            </div>
            <div class="card-divider"></div>
            <div class="card-table">
                <div class="table-responsive-sm">
                    <table>
                        <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" data-toggle="modal" data-target="#op-{{$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>
                    {{$orders->links()}}
                </div>
            </div>
        </div>
    </div>
    @foreach($orders as $order)
    <div class="modal fade bd-example-modal-lg" id="op-{{$order->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <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>
                            </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>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endforeach
@endsection