@extends('layouts.panel.panel', ['title' => 'Serial Number'])

@section('content')
<div class="card card-primary">
    <div class="card-header">
        <h3 class="container text-center text-primary">Verifikasi Serial Number</h3>
    </div>
    <div class="card-body">
        <form id="register-form" method="POST" action="{{ route('cms.store') }}">
            @csrf

            @if(session('status'))
            <div class="alert alert-danger alert-dismissible" role="alert">
                <button type=" button" class="close" data-dismiss="alert">
                    <i class="fa fa-times"></i>
                </button>
                <strong>Gagal !</strong> <br>
                {{ session('status') }}
            </div>
            @endif

            <div class="row">
                <div class="col-md-12">
                    <div class="form-group">
                        <label for="name">Nama</label>
                        <input id="name" type="name" class="form-control @error('name') is-invalid @enderror" name="name">
                        @error('name')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-group">
                        <label for="email">Email</label>
                        <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email">
                        @error('email')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-group">
                        <label for="phone">Telepon</label>
                        <input id="phone" type="number" class="form-control @error('phone') is-invalid @enderror" name="phone">
                        @error('phone')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-group">
                        <label for="password" class="control-label">Password</label>
                        <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password">
                        @error('password')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-group">
                        <label for="password" class="control-label">Konfirmasi Password</label>
                        <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password_confirmation">
                        @error('password')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-group">
                        <label for="serial">Serial Number</label>
                        <input id="serial" type="text" class="form-control @error('serial') is-invalid @enderror" name="serial">
                        @error('serial')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-12">
                    <p class="text-justify">Serial Number adalah kode yang digunakan untuk mengaktifkan akun anda. Serial Number dapat diperoleh dengan membeli produk kami.</p>
                </div>
            </div>

            <div class="form-group">
                <button type="button" class="btn btn-primary btn-lg btn-block" onclick="event.preventDefault(); document.getElementById('register-form').submit();">
                    Aktivasi Akun
                </button>
            </div>
        </form>
    </div>
</div>
@endsection