@extends('layouts.master_admin')

@section('title')
    Channel Partners
@endsection

@section('partners')
    active
@endsection

@section('content')
    <div class="row">
        <div class="col-lg-12">
            <a class="btn btn-primary px-4 py-2 mb-3 float-right" href="/admin/channel-partners/create">
                <i class="fa fa-plus mr-1"></i> Add Channel Partner
            </a>
        </div>
        <div class="col-lg-12">
            <div class="block">
                <div class="block-content block-content-full">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped table-vcenter">
                            <thead class="thead-light">
                                <tr>
                                    <th>#</th>
                                    <th>Name</th>
                                    <th>Email</th>
                                    <th>Mobile Number</th>
                                    <th>CPR Number</th>
                                    <th>Organization</th>
                                    <th>Balance</th>
                                    <th>Country</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if ($partners->isEmpty())
                                    <tr>
                                        <td colspan="9" align="center">No Records Found</td>
                                    </tr>
                                @else
                                    @foreach($partners as $partner)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td>{{ $partner->name }}</td>
                                            <td>{{ $partner->email }}</td>
                                            <td>{{ $partner->mobile_phone }}</td>
                                            <td>{{ $partner->cpr_number }}</td>
                                            <td>{{ $partner->organization }}</td>
                                            <td>{{ config('innoplore.currency') . $partner->wallets->sum('amount') }}</td>
                                            <td>@if($partner->country != -1) {{ $partner->countryName->name }} @endif</td>
                                            <td width="10%">
                                                <a href="{{ route('admin.partner.edit', $partner->id) }}" data-toggle="tooltip" data-placement="bottom" title="Edit">
                                                    <i class="fa fa-fw fa-pencil-alt"></i>
                                                </a>
                                                {{-- <a href="javascript:;" data-link="{{ route('admin.partner.delete', $partner->id) }}" data-toggle="modal" data-target="#delete-confirmation">
                                                    <i class="fa fa-trash-alt text-danger" data-toggle="tooltip" data-placement="bottom" title="Delete"></i>
                                                </a> --}}
                                                <a href="{{ route('admin.partner.wallet', $partner->id) }}" data-toggle="tooltip" data-placement="bottom" title="Show Transactions">
                                                    <i class="fa fa-fw fa-wallet text-info"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- MDOAL : DELETE CONFIRMATION -->
    <div class="modal" id="delete-confirmation" tabindex="-1" role="dialog" aria-labelledby="delete-confirmation" aria-hidden="true">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="block block-themed block-transparent mb-0">
                    <div class="block-header bg-danger">
                        <h3 class="block-title">Delete Confirmation</h3>
                        <div class="block-options">
                            <button type="button" class="btn-block-option" data-dismiss="modal" aria-label="Close">
                                <i class="fa fa-fw fa-times"></i>
                            </button>
                        </div>
                    </div>
                    <div class="block-content font-size-sm">
                        <h5>Are you sure, you want to delete?</h5>
                    </div>
                    <div class="block-content block-content-full text-right border-top">
                        <button type="button" class="btn btn-sm btn-light" data-dismiss="modal">Close</button>
                        <a href="#no" id="delete-btn" class="btn btn-sm btn-primary">Yes, Delete it</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script>
        //triggered when modal is about to be shown
        $('#delete-confirmation').on('show.bs.modal', function(e) {
            // get data-link attribute of the clicked element
            let deleteRoute = $(e.relatedTarget).data('link');

            $(e.currentTarget).find('#delete-btn').attr('href', deleteRoute);
        });
    </script>
@endsection