@extends('layouts.app')

@section('title')
@endsection


@push('prepend-style')
@endpush
@push('addon-style')
@endpush

@section('content')

<div class="main-content app-content mt-0">
    <div class="side-app">

        <!-- CONTAINER -->
        <div class="main-container container-fluid">

            <!-- PAGE-HEADER -->
            <div class="page-header">
                <h1 class="page-title">Peserta</h1>
                <div>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="javascript:void(0)">Data</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Peserta {{ $seminar->nama_seminar }}</li>
                    </ol>
                </div>
            </div>
            <!-- PAGE-HEADER END -->

            <!-- Row -->
            <div class="row">
                <div class="col-md-12 col-xl-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Tambah Peserta</h4>
                        </div>
                        <div class="card-body">
                            <form class="form" method="post" action="{{ route('add-peserta', $seminar->slug) }}">
                                @csrf
                                <div class=" row mb-4">
                                    <label for="inputName" class="col-md-3 form-label">Nama Lengkap</label>
                                    <div class="col-md-9">
                                        <input type="text" class="form-control" id="nama" name="nama" value="{{ old('nama') }}" placeholder="Nama Lengkap" required>
                                    </div>
                                </div>
                                <div class=" row mb-4">
                                    <label for="inputName" class="col-md-3 form-label">Email</label>
                                    <div class="col-md-9">
                                        <input type="email" class="form-control" id="email" name="email" value="{{ old('email') }}" placeholder="email" >
                                    </div>
                                </div>
                                <div class=" row mb-4">
                                    <label for="inputName" class="col-md-3 form-label">Telepon</label>
                                    <div class="col-md-9">
                                        <input type="number" class="form-control" id="telepon" name="telepon" value="{{ old('telepon') }}" placeholder="Telepon" required>
                                    </div>
                                </div>
                                <div class=" row mb-4">
                                    <label for="inputName" class="col-md-3 form-label">Usia</label>
                                    <div class="col-md-9">
                                        <input type="number" class="form-control" id="usia" name="usia" value="{{ old('usia') }}" placeholder="Usia" required>
                                    </div>
                                </div>
                                <div class=" row mb-4">
                                    <label for="inputName" class="col-md-3 form-label">Usia</label>
                                    <div class="col-md-9">
                                        <label class="custom-control custom-radio-md">
                                            <input type="radio" class="custom-control-input" name="jk" value="Laki-Laki" @if(old('jk') == 'Laki-Laki' ) checked @endif required>
                                            <span class="custom-control-label">Laki-Laki</span>
                                        </label>
                                        <label class="custom-control custom-radio-md">
                                            <input type="radio" class="custom-control-input" name="jk" value="Perempuan" @if(old('jk') == 'Perempuan' ) checked @endif required>
                                            <span class="custom-control-label">Perempuan</span>
                                        </label>
                                    </div>
                                </div>
                                <div class=" row mb-4">
                                    <label for="inputName" class="col-md-3 form-label">Alamat</label>
                                    <div class="col-md-9">
                                        <input type="text" class="form-control" id="alamat" name="alamat" value="{{ old('alamat') }}" placeholder="Alamat" required>
                                    </div>
                                </div>
                                <div class="mb-0 mt-4 row justify-content-end">
                                    <div class="col-md-9">
                                        <button class="btn btn-primary" type="submit">Simpan</button>
                                        <a href="{{ route('seminar') }}" class="btn btn-secondary">Batal</a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Row -->


        </div>
        <!-- CONTAINER CLOSED -->

    </div>
</div>
@endsection

@push('addon-script')
    <!-- SELECT2 JS -->
    <script src="{{ asset('assets/plugins/select2/select2.full.min.js') }}"></script>
    <script src="{{ asset('assets/js/select2.js') }}"></script>


    <!-- INTERNAL Bootstrap-Datepicker js-->
    <script src="{{ asset('assets/plugins/bootstrap-daterangepicker/daterangepicker.js') }}"></script>

    <!-- BOOTSTRAP-DATERANGEPICKER JS -->
    <script src="{{ asset('assets/plugins/bootstrap-daterangepicker/moment.min.js') }}"></script>

    <!-- INTERNAL Bootstrap-Datepicker js-->
    <script src="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.js') }}"></script>

    <!-- INTERNAL Sumoselect js-->
    <script src="{{ asset('assets/plugins/sumoselect/jquery.sumoselect.js') }}"></script>

    <!-- TIMEPICKER JS -->
    <script src="{{ asset('assets/plugins/time-picker/jquery.timepicker.js') }}"></script>
    <script src="{{ asset('assets/plugins/time-picker/toggles.min.js') }}"></script>

    <!-- DATEPICKER JS -->
    <script src="{{ asset('assets/plugins/date-picker/date-picker.js') }}"></script>
    <script src="{{ asset('assets/plugins/date-picker/jquery-ui.js') }}"></script>
    <script src="{{ asset('assets/plugins/input-mask/jquery.maskedinput.js') }}"></script>


    <script src="{{ asset('assets/js/form-elements.js') }}"></script>


@endpush