@extends('layouts.admin')

@section('main-content')
    <!-- Page Heading -->
    <h1 class="h3 mb-4 text-gray-800">{{ $page_title }}</h1>

    <div class="row">

        <div class="col-lg-12">

            <div class="card shadow mb-4">

                <div class="card-header py-3">
                    <a href="{{ route('akun-setting.siswa.index') }}" class="btn btn-primary">Kembali</a>
                </div>

                <div class="card-body">
                    <form method="POST" action="{{ route('akun-setting.siswa.store') }}">
                        @csrf
                        <input type="hidden" name="id" value="{{ isset($data) ? $data->id : '' }}">
                        <input type="hidden" name="users_id" value="{{ isset($data) ? $data->users_id : '' }}">

                        <div class="row">

                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label class="form-control-label">Nama Siswa<span class="small text-danger">*</span></label>
                                    <input type="text" required id="name" class="form-control" name="name" value="{{ displayValue($data->name ?? null, 'name') }}">
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-control-label">NIS<span class="small text-danger">*</span></label>
                                    <input type="text" required id="nis" class="form-control" name="nis" value="{{ displayValue($data->nis ?? null, 'nis') }}">
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-control-label">Jenis Kelamin<span class="small text-danger">*</span></label>
                                    <select class="form-control" name="jenis_kelamin" id="jenis_kelamin">
                                        <option disabled selected value="">Pilih Jenis Kelamin</option>
                                        @foreach ($list_jk as $item)
                                            <option {{ isSelected($data->jenis_kelamin ?? null, $item->jk) }} value="{{ $item->jk }}">{{ $item->jk }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-control-label">Email<span class="small text-danger">*</span></label>
                                    <input type="email" required id="email" class="form-control" name="email" value="{{ displayValue($data->user->email ?? null, 'email') }}">
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-control-label" for="new_password">Password</label>
                                    <input type="password" id="password" class="form-control" name="password" placeholder="New password">
                                    @if (isset($data))
                                        <small>*Kosongkan kolom password jika tidak ingin merubah password</small>
                                    @endif
                                </div>
                            </div>
                        </div>

                        <!-- Button -->
                        <div class="row">
                            <div class="col">
                                <button type="submit" data-confirm-post="true" class="btn btn-primary">Save Changes</button>
                            </div>
                        </div>
                    </form>
                </div>

            </div>

        </div>

    </div>

@endsection