@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 app</h6>
                <a class="btn btn-primary btn-user" href="{{ route('app.index') }}">Quay lại</a>
            </div>

            <div class="card-body">
                <form id="addProductForm" method="POST" action="{{route('app.store')}}">
                    @csrf
                    <!-- Tên sản phẩm -->
                    <div class="mb-3">
                        <label for="productName" class="form-label required">
                            <i class="bi bi-box me-1"></i>
                            Tên app
                        </label>
                        <input type="text" class="form-control" id="productName" name="app_name"
                            placeholder="Nhập tên app" required>
                        <div class="invalid-feedback">
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="productName" class="form-label required">
                            <i class="bi bi-box me-1"></i>
                            Ký tự viết tắt
                        </label>
                        <input type="text" class="form-control" id="productName" name="google_ads_name"
                            placeholder="Ký tự viết tắt" required>
                        <div class="invalid-feedback">
                        </div>
                    </div>
                    <div class="mb-3">
                        <label for="productName" class="form-label">
                            <i class="bi bi-box me-1"></i>
                            Thông báo
                        </label>
                        <input type="text" class="form-control" id="productName" name="alert"
                            placeholder="Nhập thông báo" >
                        <div class="invalid-feedback">
                        </div>
                    </div>
                  
                    <!-- Loại thông báo -->
                    <div class="mb-4">
                        <label for="status" class="form-label required">
                            <i class="bi bi-bell me-1"></i>
                           Trạng thái
                        </label>
                        <select class=" form-control" id="status" name="status" required>
                            <option value="">Select Options</option>
                            <option value="0">Live</option>
                            <option value="1">Unpublish</option>
                            <option value="2">Remove</option>
                            <option value="3">Suspendeded</option>
                        </select>
                        <div class="invalid-feedback">
                            Vui lòng chọn loại thông báo.
                        </div>
                    </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