@extends('admin.layout.app')

@section('title', 'Danh mục')

@section('content')
    <div class="container-fluid {{Auth::check() && Auth::user()->is_layout_two == 1 ?  "mt-2 p-0" : ""}}">

        <!-- Page Heading -->
        {{-- <h1 class="h3 mb-2 text-gray-800">Danh mục app</h1> --}}
        <!-- DataTales Example -->
        <div class="card shadow mb-4">
            <div class="card-header py-3 d-flex justify-content-between align-items-center">
                <h6 class="m-0 font-weight-bold text-primary ">Thêm mới Google ads</h6>
                <a class="btn btn-primary btn-user" href="{{ route('google.ads.index') }}">Quay lại</a>
            </div>

            <div class="card-body">
                <form id="addProductForm" method="POST" action="{{route('google.ads.store')}}">
                    @csrf
                    <!-- Tên Google Ads -->
                    <div class="mb-3">
                        <label for="productName" class="form-label required">
                            <i class="bi bi-box me-1"></i>
                            Tên Google ads
                        </label>
                        <input type="text" class="form-control" id="productName" name="google_ads_name"
                            placeholder="Nhập tên google ads" required value="{{ old('google_ads_name') }}">
                    </div>

                    <!-- Email tài khoản Google -->
                    <div class="mb-3">
                        <label for="accountEmail" class="form-label required">
                            <i class="bi bi-envelope me-1"></i>
                            Email tài khoản Google
                        </label>
                        <input type="email" class="form-control" id="accountEmail" name="account_email"
                            placeholder="Nhập email tài khoản Google" required value="{{ old('account_email') }}">
                    </div>


                    <!-- Google Client ID -->
                    <div class="mb-3">
                        <label for="googleClientId" class="form-label required">
                            <i class="bi bi-person-badge me-1"></i>
                            Google Client ID
                        </label>
                        <input type="text" class="form-control" id="googleClientId" name="google_client_id"
                            placeholder="Nhập Google Client ID" required value="{{ old('google_client_id') }}">
                    </div>

                    <!-- Google Client Secret -->
                    <div class="mb-3">
                        <label for="googleClientSecret" class="form-label required">
                            <i class="bi bi-lock me-1"></i>
                            Google Client Secret
                        </label>
                        <input type="text" class="form-control" id="googleClientSecret" name="google_client_secret"
                            placeholder="Nhập Google Client Secret" required value="{{ old('google_client_secret')  }}">
                    </div>

                    <!-- Google Redirect URI -->
                    <div class="mb-3">
                        <label for="googleRedirectUri" class="form-label required">
                            <i class="bi bi-arrow-right-circle me-1"></i>
                            Google Redirect URI
                        </label>
                        <input type="text" class="form-control" id="googleRedirectUri" name="google_redirect_uri"
                            placeholder="Nhập Google Redirect URI" required value="{{ old('google_redirect_uri')?? "https://report.lvtglobal.com.vn/admin/google-ads/google/callback" }}">
                    </div>
                    <!-- Google Ads MCC ID -->
                    <div class="mb-3">
                        <label for="googleAdsMccId" class="form-label required">
                            <i class="bi bi-people me-1"></i>
                            Google Ads MCC ID
                        </label>
                        <input type="text" class="form-control" id="googleAdsMccId" name="google_ads_mcc_id"
                            placeholder="Nhập Google Ads MCC ID (VD: 1231231234)" required value="{{ old('google_ads_mcc_id') }}">
                        <small class="form-text text-muted">Nhập MCC ID không có dấu gạch ngang. Ví dụ: <b>1231231234</b> (không nhập <b>123-123-1234</b>)</small>
                    </div>

                    <!-- Google Ads Developer Token -->
                    <div class="mb-3">
                        <label for="googleAdsDeveloperToken" class="form-label required">
                            <i class="bi bi-code-slash me-1"></i>
                            Google Ads Developer Token
                        </label>
                        <input type="text" class="form-control" id="googleAdsDeveloperToken" name="google_ads_developer_token"
                            placeholder="Nhập Developer Token" required value="{{ old('google_ads_developer_token') }}">
                    </div>

                    <!-- Phí nạp -->
                    <div class="mb-3">
                        <label for="loading_fee" class="form-label required">
                            <i class="bi bi-currency-dollar me-1"></i>
                            Phí nạp
                        </label>
                        <input type="text" class="form-control" id="loading_fee" name="loading_fee"
                            placeholder="Nhập phí nạp" required value="{{ old('loading_fee') }}">
                    </div>

                    <!-- Buttons -->
                    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-plus-lg me-1"></i>
                            Lưu
                        </button>
                    </div>
                </form>
            </div>
        </div>

    </div>
@endsection