@extends('admin.layouts.master')

@section('title')
    Thêm Tài khoản Google Drive
@endsection

@section('content')
<div class="content-page">
    <div class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Thêm Tài khoản Google Drive</h3>
                        <a href="{{ route('google-drive-accounts.index') }}" class="btn btn-secondary float-right">
                            <i class="fas fa-arrow-left"></i> Quay lại
                        </a>
                    </div>
                    <div class="card-body">
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul class="mb-0">
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif

                        <form action="{{ route('google-drive-accounts.store') }}" method="POST">
                            @csrf
                            <div class="form-group">
                                <label for="name">Tên gợi nhớ <span class="text-danger">*</span></label>
                                <input type="text" 
                                       class="form-control @error('name') is-invalid @enderror" 
                                       id="name" 
                                       name="name" 
                                       value="{{ old('name') }}" 
                                       placeholder="Ví dụ: Drive Kho Dữ Liệu Chính"
                                       required>
                                @error('name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label for="email">Email Service Account <span class="text-danger">*</span></label>
                                <input type="email" 
                                       class="form-control @error('email') is-invalid @enderror" 
                                       id="email" 
                                       name="email" 
                                       value="{{ old('email') }}" 
                                       placeholder="service-account@project.iam.gserviceaccount.com"
                                       required>
                                @error('email')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label for="credentials">Nội dung JSON Credentials <span class="text-danger">*</span></label>
                                <textarea class="form-control @error('credentials') is-invalid @enderror" 
                                          id="credentials" 
                                          name="credentials" 
                                          rows="10" 
                                          placeholder="Dán toàn bộ nội dung file google-client-secret.json vào đây..."
                                          required>{{ old('credentials') }}</textarea>
                                @error('credentials')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <small class="form-text text-muted">
                                    Sao chép toàn bộ nội dung của tệp JSON credentials từ Google Cloud Console.
                                </small>
                            </div>

                            <div class="form-group">
                                <div class="form-check">
                                    <input type="checkbox" 
                                           class="form-check-input" 
                                           id="is_active" 
                                           name="is_active" 
                                           {{ old('is_active') ? 'checked' : '' }}>
                                    <label class="form-check-label" for="is_active">
                                        Kích hoạt tài khoản
                                    </label>
                                </div>
                            </div>

                            <div class="form-group">
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-save"></i> Lưu
                                </button>
                                <a href="{{ route('google-drive-accounts.index') }}" class="btn btn-secondary">
                                    <i class="fas fa-times"></i> Hủy
                                </a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    </div>
@endsection