@extends('template')

@push('style')
    <style>
        .hr {
            margin-top: -8px;
            border: 1px solid;
        }

        .hr-form {
            border: 1px solid;
        }

        .text-kanan {
            color: #000;
            font-size: 16px;
            font-weight: 700;
        }

        .text-left {
            color: #000;
            font-size: 15px;
            font-weight: 700;
        }

        .form-label {
            color: #000;
            font-family: Poppins;
            font-size: 15px;
            font-weight: 500;
        }

        .btn {
            margin-top: -20px;
            font-family: Poppins;
            font-size: 12px;
            font-weight: 700;
        }
    </style>
@endpush

@section('content')
    <section>
        <div class="row">
            <div class="col-8">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center m-0 p-0">
                            <a class="card-title" href="/user" style="color: #0B4238; font-weight: 600;"><i
                                    class="bi bi-chevron-compact-left"></i>
                                <small style="color: #0B4238; font-weight: 600; margin-top: 100px">Kembali</small>
                            </a>
                            <p class="text-kanan">Tambah Pengguna</p>
                        </div>
                        <hr class="hr">
                        <form class="row g-3 needs-validation" action="/user" method="POST" enctype="multipart/form-data">
                            @csrf
                            {{-- <input type="hidden" name="master_input_id" value="{{ $master_input_id }}"> --}}
                            <div class="col-4 text-left">Form</div>
                            <div class="col-8 position-relative">
                                <div class="form-group">
                                    <label for="name" class="form-label">Nama
                                        {{-- <span class="text-danger">*</span> --}}
                                    </label>
                                    <input type="text"
                                        class="form-control @error('name')
                                            is-invalid
                                    @enderror"
                                        id="name" name="name" value="{{ old('name') }}">
                                    @error('name')
                                        <div class="invalid-tooltip">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-4"></div>
                            <div class="col-8 position-relative">
                                <div class="form-group">
                                    <label for="username" class="form-label">Username
                                        {{-- <span class="text-danger">*</span> --}}
                                    </label>
                                    <input type="text"
                                        class="form-control @error('username')
                                            is-invalid
                                    @enderror"
                                        id="username" name="username" value="{{ old('username') }}">
                                    @error('username')
                                        <div class="invalid-tooltip">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-4"></div>
                            <div class="col-8 position-relative">
                                <div class="form-group">
                                    <label for="email" class="form-label">Email
                                        {{-- <span class="text-danger">*</span> --}}
                                    </label>
                                    <input type="text"
                                        class="form-control @error('email')
                                            is-invalid
                                    @enderror"
                                        id="email" name="email" value="{{ old('email') }}">
                                    @error('email')
                                        <div class="invalid-tooltip">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-4"></div>
                            <div class="col-4 position-relative">
                                <div class="form-group">
                                    <label for="password" class="form-label">Password
                                        {{-- <span class="text-danger">*</span> --}}
                                    </label>
                                    <input type="password"
                                        class="form-control @error('password')
                                            is-invalid
                                    @enderror"
                                        id="password" name="password" value="{{ old('password') }}">
                                    @error('email')
                                        <div class="invalid-tooltip">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-4 position-relative">
                                <div class="form-group">
                                    <label for="password_confirmation" class="form-label">Konfirmasi Password
                                        {{-- <span class="text-danger">*</span> --}}
                                    </label>
                                    <input type="password"
                                        class="form-control @error('password_confirmation')
                                            is-invalid
                                    @enderror"
                                        id="password_confirmation" name="password_confirmation"
                                        value="{{ old('password_confirmation') }}">
                                    @error('email')
                                        <div class="invalid-tooltip">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>


                            <hr class="hr-form">
                            <div class="text-end">
                                <button type="submit" class="btn btn-success">Kirim Data</button>
                            </div>
                        </form><!-- Vertical Form -->
                    </div>
                </div>
            </div>
        </div>
    </section>
    <script>
        @section('jquery')
            // $('#link_dokumen').hide();
            // // $('#check_file').attr('checked', true);
            // if($('#check_file').is(':checked')) {
            //   $('#link_dokumen').hide();
            // }

            // if($('#check_link').is(':checked')) {
            //   $('#link_dokumen').show();
            //   $('#upload_dokumen').hide();
            // }

            // $('#check_file').change(function() {
            //   if($(this).is(':checked')) {
            //     $('#upload_dokumen').show();
            //     $('#link_dokumen').hide();
            //   }
            // });

            // $('#check_link').change(function() {
            //   if($(this).is(':checked')) {
            //     $('#upload_dokumen').hide();
            //     $('#link_dokumen').show();
            //   }
            // });
        @endsection
    </script>
@endsection