@extends('Layouts_admin.index')
@section('content')
        <section class="home bg-home">
            <!-- widget -->
            <div class="container pt-6 px-md-7 px-2">
                <!-- <div class="title">
                    <h4 class="fw-bold">M</h4>
                </div> -->
                <!-- <div class="alert alert-secondary alert-icon alert-dismissible border border-secondary fade show" role="alert">
                <i class="uil uil-clock"></i>Data Yang Di upload tidak valid atau beberapa format input tidak sesuai<a href="#" class="ms-2 alert-link hover">Coba Lagi</a>.
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>

                <div class="alert alert-success alert-icon alert-dismissible border border-success fade show" role="alert">
                <i class="uil uil-check-circle"></i>Upload Data Peserta Berhasil Di lakukan! <a href="#" class=" ms-2 alert-link hover">Berhasil</a>.
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div> -->

                    <div class="row">
                        <div class="col-md-12">
                            <div class="card rounded pt-0 pb-5">
                                <div class="card-body pt-2 px-4">
                                    
                                    <div class="row">
                                        <!-- <div class="col-lg-12 mb-4"><h5 class="text-dark fw-semibold">View Course <span class="text-warning">Peserta</span> </h5>
                                        </div> -->
                                        <div class="col-12">
                                            <div class="project item pt-0">
                                                <div class="row">
                                                <div>
                                                <form action="{{ url('/prosesTambahPeserta') }}" method="post">
                                                    <div class="row form-row">
                                                        <div class="col-lg-12 mb-4"><h4 class=" fw-semibold text-ash">Tambah Peserta</span> </h4></div>
                                                        <!-- <div class="col-12 col-md-12">
                                                            <div class="form-group">
                                                                <div class="change-avatar justify-content-center">
                                                                    <figure class="me-6">
                                                                        <img class="rounded-circle" src="assets/img/user/user.jpg" width="180" height="180" alt="User Image">
                                                                    </figure>
                                                                    <div class="upload-img">
                                                                        <div class="change-photo-btn">
                                                                            <span><i class="fa fa-upload"></i> Upload Photo</span>
                                                                            <input type="file" class="upload">
                                                                        </div>
                                                                        <small class="form-text text-muted">Allowed JPG, GIF or PNG. Max size of 2MB</small>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div> -->
                                                        @if(session('alert'))
                                                        <div class="position-relative alert alert-danger alert-icon alert-dismissible  border border-danger fade show fs-15" role="alert">
                                                            
                                                            @foreach(session('alert') as $alert)
                                                            <p> <i class="uil uil-times-circle"></i>{{ $alert }}</p>
                                                            @endforeach
                                                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                                        </div>
                                                        @endif                                   
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label class="mentor-type">Nama Lengkap</label>
                                                                <input type="text" class="form-control" name="Name" value="{{ old('Name') }}" required>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="mentor-type">NIK</label>
                                                                <input type="text" class="form-control" name="nik" value="{{ old('nik') }}">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="mentor-type">SIM ID</label>
                                                                <input type="text" class="form-control" name="sim_id" value="{{ old('sim_id') }}">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="mentor-type">Username</label>
                                                                <input type="text" class="form-control" name="username" value="{{ old('username') }}" required>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="mentor-type">Password</label>
                                                                <input class="form-control" type="password" id="passwordForm1" name="password" value="{{ old('password') }}" required>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="mentor-type">No Telp</label>
                                                                <input type="text" class="form-control" name="telp" value="{{ old('telp') }}" onkeypress="return justNum(event)">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="mentor-type">Email</label>
                                                                <input type="email" class="form-control" name="email" value="{{ old('email') }}" required>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="mentor-type">Job</label>
                                                                <select class="form-select filters text-dark form-select-md mb-3" aria-label=".form-select-lg example" name="id_job">
                                                                    <option selected value="">Pilih Job</option>
                                                                    @foreach($category as $ctg)
                                                                        <option {{ old('id_job') == $ctg->id ? 'selected' : '' }} value="{{ $ctg->id }}">{{ $ctg->name }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="mentor-type">Status Peserta</label>
                                                                <select class="form-select filters text-dark form-select-md mb-3" aria-label=".form-select-lg example" name="id_status" required>
                                                                    <option selected value="">Pilih Status</option>
                                                                    @foreach($status as $s)
                                                                        <option {{ old('id_status') == $s->id_status ? 'selected' : '' }} value="{{ $s->id_status }}">{{ $s->status }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="mentor-type">Klien</label>
                                                                <select class="form-select filters text-dark form-select-md mb-3" aria-label=".form-select-lg example" name="id_client">
                                                                    <option selected value="">Pilih Klien</option>
                                                                    @foreach($client as $c)
                                                                        <option {{ old('id_client') == $c->id_client ? 'selected' : '' }} value="{{ $c->id_client }}">{{ $c->client }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="mentor-type">Network</label>
                                                                <select class="form-select filters text-dark form-select-md mb-3" aria-label=".form-select-lg example" name="id_network">
                                                                    <option selected value="">Pilih Network</option>
                                                                    @foreach($network as $n)
                                                                        <option {{ old('id_network') == $n->id_network ? 'selected' : '' }} value="{{ $n->id_network }}">{{ $n->company }} | {{ $n->nama_network }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                
                                                        </div>
                                                        
                                                         <div class="col-md-12">
                                                                <button href="{{ url()->previous() }}" class="btn btn-outline-primary py-1 fw-normal fs-12">Batal</button>
                                                                <button type="submit" class="btn btn-primary py-1 fw-normal fs-12 float-end ms-3">Tambah Peserta</button>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                            <!-- /Profile Settings Form -->
                                        </div>
                                    </div>
                                    <!-- /.item -->
                                </div>
                                
                            </div>
                            <!-- /Profile Settings Form -->
                        </div>
                    </div>                            
                
            </div>
            <!-- widgetend -->
                
        </section>
@endsection       
<script src="{{ asset('assets/js/jquery-3.6.0.min.js')}}"></script>
<script src="{{ asset('assets/plugins/select2/js/select2.min.js') }}"></script>
<script>
    
   $(document).ready(function () {
        $('select.filters:not([id*="reportrange"])').select2({
            theme: 'bootstrap',
            // allowClear: true,
            width: '100%' // Menetapkan lebar 100%
        });
    });

    function justNum(evt) {
        var charCode = (evt.which) ? evt.which : event.keyCode
        if (charCode > 31 && (charCode < 48 || charCode > 57))
        return false;

        // if (evt.target.value.length > 5)
        //   return false;

        return true;
    }
</script>