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

@section('content')
<div class="card card-primary">
    <div class="card-header">
        <h4 class="container text-center">Daftar akun</h4>
    </div>

    <!-- <img src="{{asset('assets/images/mac.png')}}"> -->

    <div class="card-body">
        <!-- <div class="mt-5 text-muted text-center">
            Pendaftaran anggota dilakukan melalui admin IDI Cabang Tangerang
        </div> -->
        <form id="register-form" method="POST" action="{{ route('register') }}">
            @csrf
            <div class="form-group">
                <label for="name">Nama Lengkap <i class="fas fa-info-circle" data-toggle="tooltip" data-placement="top"
                                                  title="Nama lengkap tanpa gelar"></i> <span
                            class="text-danger">*</span></label>
                <input id="name" type="name" class="form-control @error('name') is-invalid @enderror" name="name"
                       value="{{ old('name') }}">
                @error('name')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
            <div class="form-group">
                <label for="email">Email <i class="fas fa-info-circle" data-toggle="tooltip" data-placement="top"
                                            title="Email aktif"></i> <span class="text-danger">*</span></label>
                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email"
                       value="{{ old('email') }}">
                @error('email')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
            <div class="form-group">
                <label for="phone">Telepon <i class="fas fa-info-circle" data-toggle="tooltip" data-placement="top"
                                              title="Nomor telepon aktif"></i> <span
                            class="text-danger">*</span></label>
                <input id="phone" type="number" class="form-control @error('phone') is-invalid @enderror" name="phone"
                       value="{{ old('phone') }}">
                @error('phone')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
            <div class="form-group">
                <label for="password" class="control-label">Password <span class="text-danger">*</span></label>
                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror password"
                       name="password" value="{{ old('password') }}">
                @error('password')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
            <div class="form-group">
                <label for="password" class="control-label">Konfirmasi Password <span
                            class="text-danger">*</span></label>
                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror password"
                       name="password_confirmation" value="{{ old('password_confirmation') }}">
                @error('password')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
            <div class="form-group">
                <button type="button" class="btn btn-primary btn-lg btn-block"
                        onclick="event.preventDefault(); document.getElementById('register-form').submit();">
                    Daftar
                </button>
            </div>
        </form>
    </div>
</div>
<div class="mt-5 text-muted text-center">
    Sudah memiliki akun? <a href="{{ route('login') }}">Masuk Sekarang</a>
</div>
@endsection