@extends('Layouts_admin.index')
@section('content')
        <section class="home bg-home">
            <!-- widget -->
            <div class="container pt-6 px-7">
                <!-- <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> -->
                @foreach($api_user as $usr)
                    <div class="row">
                        <div class="col-md-7 col-lg-12 col-xl-12">
                            <div class="card rounded pt-0 pb-5">
                                <div class="card-body pt-2">
                                    
                                    <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('/prosesUpdatePeserta') }}" method="post">
                                                    <div class="row form-row">
                                                        <div class="col-lg-12 mb-4"><h4 class="text-dark fw-semibold">Edit <span class="text-warning">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 
                                                        <input type="hidden" name="id_contact" value="{{ $user->id }}">
                                                        <input type="hidden" name="id_lms" value="{{ $usr->id }}">                                          
                                                        <div class="col-12 col-md-12">
                                                            <div class="form-group">
                                                                <label class="mentor-type">Nama Lengkap</label>
                                                                <input type="text" class="form-control" name="firstname" value="{{ $usr->firstname }} {{ $usr->lastname }}" required>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-md-6">
                                                            <div class="form-group">
                                                                <label class="mentor-type">NIK</label>
                                                                <input type="text" class="form-control" name="nik"  value="{{ $user->nik }}">
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-md-6">
                                                            <div class="form-group">
                                                                <label class="mentor-type">SIM ID</label>
                                                                <input type="text" class="form-control" name="sim_id"  value="{{ $user->sim_id }}">
                                                            </div>
                                                        </div>
                                                        <div class="col-6 col-md-6">
                                                            <div class="form-group">
                                                                <label class="mentor-type">Username</label>
                                                                <input type="text" class="form-control" name="username" value="{{ $user->username }}" disabled>
                                                            </div>
                                                        </div>
                                                        <div class="col-6 col-md-6">
                                                            <div class="form-group">
                                                                <label class="mentor-type">Password</label>
                                                                <input class="form-control" type="password" id="passwordForm1" name="password" value="{{ $user->password_real }}" disabled>
                                                            </div>
                                                        </div>
                                                        <div class="col-6">
                                                            <div class="form-group">
                                                                <label class="mentor-type">Nomor Telepon</label>
                                                                <input type="text" class="form-control" name="telp" value="{{ $user->telp }}" onkeypress="return justNum(event)">
                                                            </div>
                                                        </div>
                                                        <div class="col-6">
                                                            <div class="form-group">
                                                                <label class="mentor-type">Email</label>
                                                                <input type="email" class="form-control" name="email" value="{{ $user->email }}" required>
                                                            </div>
                                                        </div>
                                                        <div class="col-6">
                                                            <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 value="">Pilih Job
                                                                </option>
                                                                @foreach($job as $ctg)

                                                                    <option selected value="{{ $ctg->id_job }}">{{ $ctg->job }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <div class="col-12 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 value="">Pilih Status
                                                                    </option>
                                                                    @foreach($status as $s)

                                                                    <option selected value="{{ $s->id_status }}">{{ $s->status }}</option>
                                                                @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-6 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 value="">Pilih Klien
                                                                    </option>
                                                                    @foreach($client as $c)
                                                                        <option selected value="{{ $c->id_client }}">{{ $c->client }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-6 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 value="">Pilih Network
                                                                    </option>
                                                                    @foreach($network as $n)
                                                                        <option selected value="{{ $n->id_network }}">{{ $n->company }} | {{ $n->nama_network }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                
                                                        </div>
                                                        <div class="col-6 col-md-6">
                                                            <div class="form-group">
                                                                <label class="mentor-type">LOB</label>
                                                                <select class="form-select filters text-dark form-select-md mb-3" aria-label=".form-select-lg example" name="id_lob">
                                                                    <option value="">Pilih LOB
                                                                    </option>
                                                                    @foreach($lob as $l)
                                                                        <option selected value="{{ $l->id_lob }}">{{ $l->lob }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-6 col-md-6">
                                                            <div class="form-group">
                                                                <label class="mentor-type">Role</label>
                                                                <select class="form-select filters text-dark form-select-md mb-3" aria-label=".form-select-lg example" name="id_role">
                                                                    <option value="">Pilih Role
                                                                    </option>
                                                                    @foreach($role as $r)
                                                                        <option selected value="{{ $r->id }}">{{ $r->nama }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        
                                                         <div class="col-12 col-md-12">
                                                            <div class="form-group">
                                                                <a href="{{ url()->previous() }}" class="btn btn-outline-primary py-1 fw-normal fs-12 float-end ms-4">Batal</a>
                                                                <button type="submit" class="btn btn-primary py-1 fw-normal fs-12 float-end">Edit Peserta</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                            <!-- /Profile Settings Form -->
                                        </div>
                                    </div>
                                    <!-- /.item -->
                                </div>
                                
                            </div>
                            <!-- /Profile Settings Form -->
                        </div>
                    </div>                            
                @endforeach
            </div>
            <!-- widgetend -->
                
        </section>
@endsection       
<script src="{{ asset('assets/js/jquery-3.6.0.min.js')}}"></script>
<script>
    $('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>