@extends('ety-1.modules.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" style="background-color: orangered">Satış Ortağı Hesap Bilgileri</div>
            <div class="address-card__body">
                <p><b>Toplam Bakiye:</b> {{priceFormat($total_amount)}} </p>
                <p><b>Kesinleşmiş Bakiye:</b> {{priceFormat($payable_amount)}} </p>
                <p><b>Ortaklık Bağlantısı</b>:<br> <a id="partner_url" href="{{getenv('APP_URL')}}?a={{!empty(\Illuminate\Support\Facades\Auth::user()->partnerinfo->code) ? \Illuminate\Support\Facades\Auth::user()->partnerinfo->code : ''}}">{{getenv('APP_URL')}}?a={{!empty(\Illuminate\Support\Facades\Auth::user()->partnerinfo->code) ? \Illuminate\Support\Facades\Auth::user()->partnerinfo->code : ''}}</a></p>
                <p>
                    <button id="copy_button" class="btn btn-sm btn-primary" onclick="fallbackCopyTextToClipboard('{{getenv('APP_URL')}}?a={{!empty(\Illuminate\Support\Facades\Auth::user()->partnerinfo->code) ? \Illuminate\Support\Facades\Auth::user()->partnerinfo->code : ''}}')">Kopyala</button>
                    <a class="btn btn-sm btn-success" href="whatsapp://send?text={{getenv('APP_URL')}}?a={{!empty(\Illuminate\Support\Facades\Auth::user()->partnerinfo->code) ? \Illuminate\Support\Facades\Auth::user()->partnerinfo->code : ''}}" data-action="share/whatsapp/share"><i style="font-size: 17px" class="fab fa-whatsapp"></i> Paylaş</a>
                    <a style="background-color: #4177F2;border: 1px solid #4177F2;color: white" class="btn btn-sm btn-info" href="https://www.facebook.com/sharer/sharer.php?u={{getenv('APP_URL')}}?a={{!empty(\Illuminate\Support\Facades\Auth::user()->partnerinfo->code) ? \Illuminate\Support\Facades\Auth::user()->partnerinfo->code : ''}}" target="_blank">
                        <i style="font-size: 17px" class="fab fa-facebook"></i> Paylaş
                    </a>
                </p>
        </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>{{__('general.orders.id')}}</th>
                            <th>{{__('general.orders.date')}}</th>
                            <th>{{__('general.orders.status')}}</th>
                            <th>{{__('general.orders.products')}}</th>
                            <th>{{__('general.track_shipping')}}</th>
                            <th>{{__('general.orders.order_total')}}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($affiliate_orders as $order)
                        <tr>
                            <td>{{$order->id}}</td>
                            <td>{{date('d/m/Y H:i',strtotime($order->created_at))}}</td>
                            <td>{{$order->orderStatus->status_name}}</td>
                            <td><button class="btn btn-primary" data-toggle="modal" data-target="#op-{{$order->id}}">{{__('general.show')}}</button></td>
                            <td><a href="{{route('track-shipping',['order_id' => $order->id,'email' => $order->email,'run' => 1])}}" target="_blank" class="btn btn-primary">{{__('general.show')}}</a></td>
                            <td>{{$order->total_order}}₺</td>
                        </tr>
                       @endforeach
                        </tbody>
                    </table>
                    {{$orders->links()}}
                </div>
            </div>
        </div>
    </div>
    @foreach($affiliate_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
<script>
    function fallbackCopyTextToClipboard(text) {
        var textArea = document.createElement("textarea");
        textArea.value = text;

        // Avoid scrolling to bottom
        textArea.style.top = "0";
        textArea.style.left = "0";
        textArea.style.position = "fixed";

        document.body.appendChild(textArea);
        textArea.focus();
        textArea.select();

        try {
            var successful = document.execCommand('copy');
            var msg = successful ? 'successful' : 'unsuccessful';
            $('#copy_button').text('Kopyalandı');
        } catch (err) {
            console.error('Fallback: Oops, unable to copy', err);
        }

        document.body.removeChild(textArea);
    }
    function copyTextToClipboard(text) {
        if (!navigator.clipboard) {
            fallbackCopyTextToClipboard(text);
            return;
        }
        navigator.clipboard.writeText(text).then(function() {
            console.log('Async: Copying to clipboard was successful!');
        }, function(err) {
            console.error('Async: Could not copy text: ', err);
        });
    }

    var copyBobBtn = document.querySelector('.js-copy-bob-btn'),
        copyJaneBtn = document.querySelector('.js-copy-jane-btn');

    copyBobBtn.addEventListener('click', function(event) {
        copyTextToClipboard('Bob');
    });


    copyJaneBtn.addEventListener('click', function(event) {
        copyTextToClipboard('Jane');
    });
</script>