@extends('admin.layouts.admin')
@section('title', 'Quản lí api provider')
@section('content')


                    
             
<div class="row">
    <div class="card">
        <div class="card-header">
                            <div class="ribbon ribbon-primary ribbon-clip">QUẢN LÍ API PROVIDER</div>
                        </div>
        <div class="mb-3">
            <ul class="nav nav-pills mb-2 p-3" id="apiTabs" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link tab-link active" id="1-tab" data-bs-toggle="tab" data-bs-target="#tab-1" type="button" role="tab" aria-controls="tab-10" aria-selected="true">
                    ĐỐI TÁC API SMM PANEL
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link tab-link" id="3-tab" data-bs-toggle="tab" data-bs-target="#tab-3" type="button" role="tab" aria-controls="tab-14" aria-selected="false">
                    THÊM MỚI ĐỐI TÁC SMM PANEL
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link tab-link" id="2-tab" data-bs-toggle="tab" data-bs-target="#tab-2" type="button" role="tab" aria-controls="tab-14" aria-selected="false">
                    ĐỐI TÁC API V1
                    </button>
                </li>
            </ul>
            <div class="tab-content" id="apiTabContent">
                <div class="tab-pane fade" id="tab-3" role="tabpanel">
                    
                        <div class="card-body">
                            <form   action="{{ route('admin.service.smm.create') }}" method="POST">
                        @csrf
                        
                        <div class="row">
                            <div class="col-6 col-md-5">
                                <div class="mb-3">
                                    <label for="name" class="form-label">Tên</label>
                                    <input type="text" class="form-control" name="name_partner"
                                        placeholder="Nhập tên đôi tác..." value="{{ old('name_partner') }}" required>
                                </div>
                            </div>
                            <div class="col-6 col-md-7">
                                <div class="mb-3">
                                    <label for="name" class="form-label">URL</label>
                                    <input type="text" class="form-control" name="name"
                                        placeholder="https://subrevn.com/api/v2" value="{{ old('name') }}" required>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="token" class="form-label">API Token</label>
                                    <input type="password" class="form-control" name="token"
                                        placeholder="Token của nguồn smm" value="{{ old('token') }}" required>
                                </div>
                            </div>
                            <div class="col-6 col-md-4">
                                <div class="mb-3">
                                    <label for="tigia" class="form-label">Tỷ giá</label>
                                    <input type="text" class="form-control" name="tigia"
                                        placeholder="Tỷ giá chuyển đổi USD -> VNĐ" value="{{ old('tigia') }}" required>
                                </div>
                            </div>
                            <div class="col-6 col-md-4">
                                <div class="mb-3">
                                    <label for="price_percentage_increase" class="form-label">% Tăng giá</label>
                                    <input type="text" class="form-control" name="price_percentage_increase"
                                        placeholder="Nhập % tăng giá..." value="{{ old('price_percentage_increase') }}" required>
                                </div>
                            </div>
                            <div class="col-6 col-md-4">
                                <div class="mb-3">
                                    <label for="auto_sync_service" class="form-label">Tự động thêm dịch vụ</label>
                                    <select type="text" class="form-control" name="auto_sync_service" required>
                                    <option value="on" {{ request()->status == 'on' ? 'selected' : '' }}> Bật </option>
                                    <option value="off" {{ request()->status == 'off' ? 'selected' : '' }}> Tắt </option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <button type="submit" id="submit-btn" class="btn btn-primary shadow-primary">
                            <i class="fas fa-save"></i> Thêm mới
                            </button>
                        </div>
                    </form>
                        </div>
                    
                    
                    
                    </div>
                <div class="tab-pane fade active show" id="tab-1" role="tabpanel">
                    
                   
                            
                       
                        <div class="card-body">
                              <div class="row mb-3">
                                  <div class="col-md-12">
                                      <div class="" style="text-align: right;">
                              
                                <a href="{{ route('admin.service.smm.balance') }}" class="btn btn-sm btn-success shadow-success">
                                <i class="fas fa-sync fw-bold"></i> Cập nhật số dư
                                </a>
                                <button id="sync-services" class="btn btn-sm btn-outline-warning shadow-warning">
                                    <i class="fas fa-sync fw-bold"></i> Đồng bộ
                                </button>
                            </div>
                                  </div>
                                  </div>
                            <div class="table-responsive">
                                <table id="data-table" class="table text-nowrap table-striped table-hover table-bordered">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>THAO TÁC</th>
                                            <th>THỨ TỰ</th>
                                            <th>TÊN ĐỐI TÁC</th>
                                            <th>URL</th>
                                            <th>API KEY</th>
                                            <th>SỐ DƯ</th>
                                            <th>ĐỒNG BỘ DỊCH VỤ</th>
                                            <th>TRẠNG THÁI</th>
                                            <th>THỜI GIAN</th>
                                        </tr>
                                    </thead>
                                    <tbody class="fw-bold">
                                        @foreach ($smms as $smm)
                                        <tr>
                                            <td>{{ $smm->id }}</td>
                                            <td>
                                                <a href="{{ route('admin.service.smm.edit', ['id' => $smm->id]) }}"
                                                    class="btn btn-sm btn-success shadow-success"
                                                    data-bs-toggle="tooltip" title="Xem chi tiết">
                                                <i class="fad fa-eye"></i>
                                                </a>
                                                <a href="{{ route('admin.service.smm.delete', ['id' => $smm->id]) }}"
                                                    class="btn btn-sm btn-danger shadow-danger"
                                                    data-bs-toggle="tooltip" title="Xóa">
                                                <i class="fad fa-trash"></i>
                                                </a>
                                                
                                            </td>
                                            <td>
                                                <span class="badge bg-primary">{{ $smm->order }}</span>
                                            </td>
                                            <td>{{ $smm->name_partner }}</td>
                                            <td><a href="{{ $smm->name }}" target="blank_">{{ $smm->name }}</a></td>
                                            <td>{{ \Illuminate\Support\Str::limit($smm->token, 20) }}</td>
                                            <td>{{ number_format($smm->balance) }} VNĐ</td>
                                            <td>
                                                @if ($smm->auto_sync_service == 'on')
                                                <span class="badge bg-success">Bật</span>
                                                @else
                                                <span class="badge bg-danger">Tắt</span>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($smm->status == 'active')
                                                <span class="badge bg-success">Hoạt động</span>
                                                @else
                                                <span class="badge bg-danger">Không hoạt động</span>
                                                @endif
                                            </td>
                                            <td>{{ $smm->created_at }}</td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                    
                    </div>
                </div>
                <div class="tab-pane fade" id="tab-2" role="tabpanel">
                    <div class="card-body">
                      
                        <form action="{{ route('admin.website.setting') }}" method="POST">
                            @csrf
                            <div class="row mt-3">
                                <div class="col-6 col-md-3">
                                    <div class="mb-3">
                                        <label for="account_traodoisub" class="form-label">Tài khoản Traodoisub.com</label>
                                        <input type="text" class="form-control" id="account_traodoisub"
                                            name="account_traodoisub"
                                            value="{{ configValue('account_traodoisub') }}">
                                    </div>
                                </div>
                                <div class="col-6 col-md-3">
                                    <div class="mb-3">
                                        <label for="password_traodoisub" class="form-label">Mật khẩu Traodoisub.com</label>
                                        <input type="text" class="form-control" id="password_traodoisub"
                                            name="password_traodoisub"
                                            value="{{ configValue('password_traodoisub') }}">
                                    </div>
                                </div>
                                <div class="col-6 col-md-3">
                                    <div class="mb-3">
                                        <label for="account_tuongtaccheo" class="form-label">Tài khoản Tuongtaccheo.com</label>
                                        <input type="text" class="form-control" id="account_tuongtaccheo"
                                            name="account_tuongtaccheo"
                                            value="{{ configValue('account_tuongtaccheo') }}">
                                    </div>
                                </div>
                                <div class="col-6 col-md-3">
                                    <div class="mb-3">
                                        <label for="password_tuongtaccheo" class="form-label">Mật khẩu Tuongtaccheo.com</label>
                                        <input type="text" class="form-control" id="password_tuongtaccheo"
                                            name="password_tuongtaccheo"
                                            value="{{ configValue('password_tuongtaccheo') }}">
                                    </div>
                                </div>

                                <div class="col-6 col-md-4">
                                    <div class="mb-3">
                                        <label for="api_token_2mxh" class="form-label">API token 2Mxh.com</label>
                                        <input type="text" class="form-control" id="api_token_2mxh"
                                            name="api_token_2mxh"
                                            value="{{ configValue('api_token_2mxh') }}">
                                    </div>
                                </div>
                                <div class="col-6 col-md-4">
                                    <div class="mb-3">
                                        <label for="api_token_tuongtacpro" class="form-label">API token Tuongtac.pro</label>
                                        <input type="text" class="form-control" id="api_token_tuongtacpro"
                                            name="api_token_tuongtacpro"
                                            value="{{ configValue('api_token_tuongtacpro') }}">
                                    </div>
                                </div>
                                <div class="col-6 col-md-4">
                                    <div class="mb-3">
                                        <label for="api_token_hacklike17" class="form-label">API token Hacklike17.com</label>
                                        <input type="text" class="form-control" id="api_token_hacklike17"
                                            name="api_token_hacklike17"
                                            value="{{ configValue('api_token_hacklike17') }}">
                                    </div>
                                </div>
                                 
                            </div>
                            <div class="form-group">
                                <button type="submit" class="btn btn-primary shadow-primary">
                                <i class="fas fa-save"></i>
                                Lưu cấu hình
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
<script>
document.getElementById('sync-services').addEventListener('click', function(event) {
    event.preventDefault();
    const loadingSwal = Swal.fire({
        title: 'Đang đồng bộ dịch vụ...',
        text: 'Vui lòng đợi...',
        icon: 'info',
        allowOutsideClick: false,
        didOpen: () => {
            Swal.showLoading(); 
        }
    });
    $.ajax({
        url: '{{route('cron-job.sync.services')}}',
        type: 'GET',
        success: function(response) {
            loadingSwal.close();
            const message = response.message;
            Swal.fire({
                title: 'Thành công',
                text: message,
                icon: 'success',
                confirmButtonText: 'Xác nhận'
            }).then(() => {
                location.reload();
            });
        },
        error: function(xhr, status, error) {
            loadingSwal.close();
            Swal.fire({
                title: 'Lỗi',
                text: 'Không thể lấy dữ liệu từ API. Vui lòng thử lại sau.',
                icon: 'error',
                confirmButtonText: 'Xác nhận'
            }).then(() => {
                location.reload();
            });
        }
    });
});
</script>
@endsection