@extends('backend.layouts.master')
@section('content')
    <style>
        #list-user .fa:before {
            font-size: 18px;
        }

        #list-user .user-now .fa:before {
            color: #b7aeae;
            cursor: not-allowed;
        }
    </style>
    <div class="content-header row">
        <div class="content-header-left col-md-6 col-12 mb-2">
            <div class="row breadcrumbs-top">
                <div class="breadcrumb-wrapper col-12">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="/admin">Trang chủ</a>
                        </li>
                        <li class="breadcrumb-item"><a href="#">Ngân hàng</a>
                        </li>
                        <li class="breadcrumb-item active">Danh sách
                        </li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <div class="content-body">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Danh sách địa chỉ giao dịch</h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            <form id="form-search" action="" method="GET">
                                <div class="row" style="transform: translateY(-22px);">
                                    <div class="col-md-6">
                                        <button type="button" class="btn btn-warning btn-min-width"
                                                onclick="location.href='{{route('transaction-location.index')}}';">Làm
                                            mới <i class="ft-rotate-cw"></i></button>
                                        <a href="{{ route('transaction-location.create') }}" style="color: white;"
                                           role="button" class="btn btn-info btn-min-width">Thêm mới<i
                                                    style="margin-left: 7px" class="fa fa-pencil-square-o"></i></a>
                                    </div>
                                </div>
                            </form>
                            <div class="table-responsive">
                                <table id="list-user" class="table table-bordered table-hover">
                                    <thead class="bg-info text-white">
                                    <tr>
                                        <th>STT</th>
                                        <th class="text-center">Ảnh đại diện</th>
                                        <th class="text-center">Địa chỉ</th>
                                        <th class="text-center">Hành động</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @if (isset($docs) && count($docs))
                                        @foreach ($docs as $key => $item)
                                            <tr>
                                                <th scope="row">{{$key+1}}</th>
                                                <td class="text-center">
                                                    <div class="tb-avatar">
                                                        <span class="_image_avatar_round"><img
                                                                    src="{{@$item->image ? asset($item->image) : asset('backend/images/no-image.png')}}"
                                                                    alt="avatar"></span>
                                                    </div>
                                                </td>
                                                <td>{{$item->address}}</td>
                                                <td class="text-center">
                                                    <a class="primary edit mr-1"
                                                       href="/admin/transaction-location/{{ $item->id }}/edit"><i
                                                                class="fa fa-pencil"></i></a>
                                                    <a class="danger delete mr-1 delete-item" data-id="{{ $item->id }}"
                                                       title="Xóa người dùng"><i class="fa fa-trash-o"></i></a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        Không có địa chỉ nào.
                                    @endif
                                    </tbody>
                                </table>
                            </div>
                            <div class="tb-paginate float-md-right">
                                {{ $docs->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $("body").delegate(".delete-item", "click", function () {
                let elt = $(this).parents('tr');
                var data_id = $(this).data('id');
                swal({
                    title: 'Bạn có chắc chắn xóa mục này?',
                    type: 'error',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    showCloseButton: true,
                }).then(function () {
                    $.ajax({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        data: {id: data_id},
                        url: "/admin/transaction-location/" + data_id,
                        method: 'delete',
                        success: function () {
                            swal({
                                title: 'Đã xóa thành công!',
                                type: 'success'
                            })
                        }
                    });
                    elt.remove();
                }, function (dismiss) {
                });
            });
        });
    </script>
@endsection