@extends('layouts.app')

@section('title')
    {{ __('Telegram Group') }}
@endsection

@section('admin')
    active
@endsection

@section('section.header')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>{{ __('Cài đặt nhóm telegram để gửi thông báo') }}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a
                                href="{{ route('app.admin.notify.setting_group_telegram') }}">{{ __('Cài đặt nhóm telegram') }}</a>
                        </li>
                        <li class="breadcrumb-item active">{{ __('Thông tin') }}</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
@endsection

@section('section.content')
    <section class="content">
        <div class="row">
            @if (Session::has('success'))
                <div id="message-alert" class="alert alert-success">
                    {{ Session::get('success') }}
                </div>
            @endif
            @if (Session::has('error'))
                <div id="message-alert" class="alert alert-danger">
                    {{ Session::get('error') }}
                </div>
            @endif

            <div class="col-lg-12 col-md-12">
                <div class="card">
                    <div class="card-header" style="background-color: rgb(185, 218, 231)">
                        <h3 class="card-title">{{ __('Danh sách nhóm telegram') }}</h3>
                        <div class="card-tools">
                            <a href="{{ route('app.admin.group_telegram.create') }}" class="btn btn-primary btn-sm"
                                title="{{ __('Tạo mới') }}">
                                <i class="fas fa-add"></i>
                                <span>{{ __('Tạo mới') }}</span>
                            </a>
                        </div>
                    </div>
                    <div class="card-body">
                        <table class="table table-bordered table-striped">
                            <thead style="text-align: center">
                                <tr>
                                    <th>{{ __('ID') }}</th>
                                    <th>{{ __('Tên nhóm') }}</th>
                                    <th>{{ __('Tên đối tác') }}</th>
                                    <th>{{ __('Chat ID') }}</th>
                                    <th>{{ __('Trạng thái') }}</th>
                                    <th>{{ __('Loại') }}</th>
                                    <th>{{ __('Thời gian thêm') }}</th>
                                    <th>{{ __('Thao tác') }}</th>
                                </tr>
                            </thead>
                            <tbody style="text-align: center">
                                @foreach ($groupLists as $item)
                                    <tr>
                                        <td>{{ $item->id }}</td>
                                        <td>{{ $item->group_name }}</td>
                                        <td>{{ $item->username }}</td>
                                        <td>{{ $item->chat_id }}</td>
                                        <td>
                                            @if ($item->status == 1)
                                                <span class="badge badge-success">Mở</span>
                                            @else
                                                <span class="badge badge-danger">Đóng</span>
                                            @endif
                                        </td>
                                        <td><b>{{ strtoupper($item->type) }}</b></td>
                                        <td>{{ $item->created_at }}</td>
                                        <td>
                                            <div class="dropdown">
                                                <button class="btn btn-secondary dropdown-toggle" type="button"
                                                    id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                                                    aria-expanded="false">
                                                    {{ __('Thao tác') }}
                                                </button>

                                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                    <a class="dropdown-item"
                                                        href="{{ route('app.admin.group_telegram.edit', ['id' => $item->id]) }}">
                                                        <i class="fas fa-edit"></i>
                                                        <span>{{ __('Chỉnh sửa') }}</span>
                                                    </a>
                                                    <form method="POST"
                                                        action="{{ route('app.admin.group_telegram.destroy', ['id' => $item->id]) }}">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="submit" class="dropdown-item"><i
                                                                class="fas fa-trash"></i>
                                                            {{ __('Xóa') }}</button>
                                                    </form>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>

            </div>
        </div>
    </section>
@endsection

@section('scripts')
@endsection

@section('styles')
@endsection