@extends('admin.layout')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <!-- DATA TABLE -->
                <div class="table-data__tool">
                    {{--<form class="form-header">--}}
                    {{--<input class="au-input au-input--xl" type="text" ng-model="config.search" ng-keyup="refresh($event)" name="search" placeholder="Search post..." />--}}
                    {{--<button class="au-btn--submit" ng-click="refresh()" type="button">--}}
                    {{--<i class="zmdi zmdi-search"></i>--}}
                    {{--</button>--}}
                    {{--</form>--}}
                    {{--<div class="table-data__tool-right">--}}
                    {{--<a class="au-btn au-btn-icon au-btn--green au-btn--small" href="add-post">--}}
                    {{--<i class="zmdi zmdi-plus"></i>Add post--}}
                    {{--</a>--}}
                    {{--<div class="rs-select2--dark rs-select2--md rs-select2--dark2">--}}
                    {{--<select class="js-select2" ng-model="config.status" ng-change="refresh()">--}}
                    {{--<option value="1" selected>Active</option>--}}
                    {{--<option value="0">Deactive</option>--}}
                    {{--</select>--}}
                    {{--<div class="dropDownSelect2"></div>--}}
                    {{--</div>--}}
                    {{--</div>--}}

                    <div class="table-data__tool-left">

                    </div>
                    <div class="table-data__tool-right">
                        <a class="au-btn au-btn-icon au-btn--green au-btn--small" href="create-client">
                            <i class="zmdi zmdi-plus"></i>Add client
                        </a>
                    </div>
                </div>
                @if(session('new_client'))
                    @php $newClient = session('new_client'); @endphp
                    <div class="alert alert-success" role="alert">
                        <h4 class="alert-heading">Tạo client mới thành công</h4>
                        <p style="white-space: pre-line">
                            - Client name: {{$newClient['client_name']}}
                            - Secret: {{$newClient['secret']}}
                        </p>
                        <hr>
                        <p class="mb-0">*Lưu ý: Client secret chỉ hiển thị một lần duy nhất và không thể thay đổi, hãy ghi lại và chuyển cho phía đối tác trước khi tắt thông báo này</p>
                    </div>
                @endif
                <div class="table-responsive table-responsive-data2">
                    <table class="table table-data2">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>Tên</th>
                            <th>Client name</th>
                            <th>Redirect url</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($clients as $client)
                        <tr class="tr-shadow">
                            <td>{{$client->id}}</td>
                            <td>{{$client->name}}</td>
                            <td>{{$client->email}}</td>
                            <td>{{$client->avatar}}</td>
                            <td>
                                <div class="table-data-feature">
                                    <a class="item" href="edit-client?id={{$client->id}}" data-toggle="tooltip" data-placement="top" title="Edit">
                                        <i class="zmdi zmdi-edit"></i>
                                    </a>
                                    <a class="item" data-toggle="tooltip" href="delete-client?id={{$client->id}}" data-placement="top" title="Delete">
                                        <i class="zmdi zmdi-delete"></i>
                                    </a>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                <!-- END DATA TABLE -->
            </div>
        </div>

    </div>
@endsection