@extends('layout.Main')
@section('container')
<!-- Page Content-->

<div class="page-content">
    <div class="container-fluid">
        <!-- Page-Title -->
        <div class="row">
            <div class="col-sm-12">
                <div class="page-title-box">
                    <div class="row">
                        <div class="col">
                            <h4 class="page-title">Crew Profile</h4>
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="/crew/crew">Crew</a></li>
                                <li class="breadcrumb-item"><a href="javascript:void(0);">Crew Profile</a></li>
                            </ol>
                        </div><!--end col-->
                        <div class="col-auto align-self-center">
                            <a href="#" class="btn btn-sm btn-outline-primary" id="Dash_Date">
                                <span class="day-name" id="Day_Name">Today:</span>&nbsp;
                                <span class="" id="Select_date">Jan 11</span>
                                <i data-feather="calendar" class="align-self-center icon-xs ms-1"></i>
                            </a>
                            <a href="#" class="btn btn-sm btn-outline-primary">
                                <i data-feather="download" class="align-self-center icon-xs"></i>
                            </a>
                        </div><!--end col-->  
                    </div><!--end row-->                                                              
                </div><!--end page-title-box-->
            </div><!--end col-->
        </div><!--end row-->
        <!-- end page title end breadcrumb -->

        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body p-0">
                        
                    </div><!--end card-body-->                                
                    <div class="card-body">
                        <div class="dastone-profile">
                            <div class="row">
                                <div class="col-lg-4 align-self-center mb-3 mb-lg-0">
                                    <div class="dastone-profile-main">
                                        
                                        @foreach($crew as $profil)
                                        <div class="dastone-profile-main-pic">
                                            <img src="{{ url('') }}/assets/images/crews/{{ $profil->foto }}" alt="" height="110" class="rounded-circle">
                                            <span class="dastone-profile_main-pic-change">
                                                <i class="fas fa-camera"></i>
                                            </span>
                                        </div>
                                        
                                        <div class="dastone-profile_user-detail">
                                            <h5 class="dastone-user-name">{{ $profil->nama }}</h5>                                                        
                                            <p class="mb-0 dastone-user-name-post">{{ $profil->pekerjaan }}, {{ $profil->negara }}</p>                                                        
                                        </div>
                                    </div>                                                
                                </div><!--end col-->
                                
                                <div class="col-lg-4 ms-auto align-self-center">
                                    <ul class="list-unstyled personal-detail mb-0">
                                        <li class=""><i class="ti ti-mobile me-2 text-secondary font-16 align-middle"></i> <b> phone </b> : {{ $profil->telepon }}</li>
                                        <li class="mt-2"><i class="ti ti-email text-secondary font-16 align-middle me-2"></i> <b> Email </b> : {{ $profil->email }}</li>
                                        <li class="mt-2"><i class="fab fa-whatsapp text-secondary font-16 align-middle me-2"></i> <b> {{ $profil->handphone }} </b></li>                                                   
                                    </ul>
                                   
                                </div><!--end col-->
                               
                            </div><!--end row-->
                        </div><!--end f_profile-->                                                                                
                    </div><!--end card-body-->          
                </div> <!--end card-->    
            </div><!--end col-->
        </div><!--end row-->
        @endforeach
        <div class="pb-4">
            <ul class="nav-border nav nav-pills mb-0" id="pills-tab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="Profile_Project_tab" data-bs-toggle="pill" href="#Profile_FormalEducation">Formal Education </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="Profile_Post_tab" data-bs-toggle="pill" href="#Profile_NonFormalEducation">Non Formal Education</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="portfolio_detail_tab" data-bs-toggle="pill" href="#Profile_Certificate">Certificate</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="portfolio_detail_tab" data-bs-toggle="pill" href="#Profile_timeline">Timeline</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="settings_detail_tab" data-bs-toggle="pill" href="#Profile_Settings">Settings</a>
                </li>
            </ul>        
        </div><!--end card-body-->
        <div class="row">
            <div class="col-12">
                <div class="tab-content" id="pills-tabContent">
                    <div class="tab-pane fade show active" id="Profile_FormalEducation" role="tabpanel" aria-labelledby="Profile_Project_tab">
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-striped mb-0">
                                    <thead>
                                    <tr>
                                        <th>School</th>
                                        <th>Competence</th>
                                        <th>Year In</th>
                                        <th>Year Out</th>
                                        <th>Graduation</th>
                                        <th class="text-end">Action</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                        @if (!@empty($hasilFE))
                                        @foreach ($hasilFE as $item)
                                        <tr>
                                            <td>{{ $item->school }}</td>
                                            <td>{{ $item->jurusan }}</td>
                                            <td>{{ $item->date_in }}</td>
                                            <td>{{ $item->date_out }}</td>
                                            <td>
                                                @if ($item->status === '1')
                                                    Certificate
                                                @else
                                                    No Certificate
                                                @endif
                                              </td>
                                            <td class="text-end">                                                       
                                                <a href="" role="button" data-bs-toggle="modal" data-bs-target="#EditCrewEducation"><i class="las la-pen text-secondary font-16"></i></a>
                                                <a href="#"><i class="las la-trash-alt text-secondary font-16"></i></a>
                                            </td>
                                        </tr>
                                        @endforeach     
                                        @endempty

                                    </tbody>
                                </table><!--end /table-->
                            </div><!--end /tableresponsive-->
                        </div><!--end card-body-->                     
                    </div><!--end tab-pane-->
                    <div class="tab-pane fade" id="Profile_NonFormalEducation" role="tabpanel" aria-labelledby="Profile_Post_tab">
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-striped mb-0">
                                    <thead>
                                    <tr>
                                        <th>School</th>
                                        <th>Competence</th>
                                        <th>Year In</th>
                                        <th>Year Out</th>
                                        <th>Graduation</th>
                                        <th class="text-end">Action</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                        @if (!@empty($hasilFE))
                                        @foreach ($hasilFE as $item)
                                        <tr>
                                            <td>{{ $item->school }}</td>
                                            <td>{{ $item->jurusan }}</td>
                                            <td>{{ $item->date_in }}</td>
                                            <td>{{ $item->date_out }}</td>
                                            <td>
                                                @if ($item->status === '1')
                                                    Certificate
                                                @else
                                                    No Certificate
                                                @endif
                                              </td>
                                            <td class="text-end">                                                       
                                                <a href="" role="button" data-bs-toggle="modal" data-bs-target="#EditCrewEducation"><i class="las la-pen text-secondary font-16"></i></a>
                                                <a href="#"><i class="las la-trash-alt text-secondary font-16"></i></a>
                                            </td>
                                        </tr>
                                        @endforeach     
                                        @endempty

                                    </tbody>
                                </table><!--end /table-->
                            </div><!--end /tableresponsive-->
                        </div><!--end card-body-->        
                    </div>
                    <div class="tab-pane fade" id="Profile_Certificate" role="tabpanel" aria-labelledby="portfolio_detail_tab">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="ribbon4 rib4-primary">
                                            <span class="ribbon4-band ribbon4-band-primary text-white text-center">50% off</span>                                        
                                        </div><!--end ribbon-->  
                                        <div class="row">
                                            <div class="col-auto">
                                                <img src="assets/images/dashboards/dastyle.jpg" alt="user" height="150" class="align-self-center mb-3 mb-lg-0">
                                            </div><!--end col-->
                                            <div class="col align-self-center">
                                                <p class="font-18 fw-semibold mb-2">Dastyle - Admin & Dashboard Template</p>
                                                <p class="text-muted">Dastyle is a Bootstrap 4 admin dashboard, 
                                                    It is fully responsive and included awesome 
                                                    features to help build web applications fast and easy.
                                                </p>
                                                <a href="#" class="btn btn-soft-primary btn-sm">Live Priview</a> 
                                                <a href="#" class="btn btn-soft-primary btn-sm">Download Now</a> 
                                            </div><!--end col-->
                                        </div> <!--end row-->  
                                    </div><!--end card-body-->
                                </div><!--end card-->
                            </div><!--end col-->  
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-body">                                 
                                        <div class="row">
                                            <div class="col-auto">
                                                <img src="assets/images/dashboards/metrica.jpg" alt="user" height="150" class="align-self-center mb-3 mb-lg-0">
                                            </div><!--end col-->
                                            <div class="col align-self-center">
                                                <p class="font-18 fw-semibold mb-2">Metrica - Admin & Dashboard Template</p>
                                                <p class="text-muted">Metrica is a Bootstrap 4 admin dashboard, 
                                                    It is fully responsive and included awesome 
                                                    features to help build web applications fast and easy.
                                                </p>
                                                <a href="#" class="btn btn-soft-primary btn-sm">Live Priview</a> 
                                                <a href="#" class="btn btn-soft-primary btn-sm">Download Now</a> 
                                            </div><!--end col-->
                                        </div> <!--end row-->        
                                    </div><!--end card-body-->
                                </div><!--end card-->
                            </div><!--end col-->                                  
                        </div>  <!--end row-->
    
                        <div class="row">
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-body">                                    
                                        <div class="row">
                                            <div class="col-auto">
                                                <img src="assets/images/dashboards/crovex.jpg" alt="user" height="150" class="align-self-center mb-3 mb-lg-0">
                                            </div><!--end col-->
                                            <div class="col align-self-center">
                                                <p class="font-18 fw-semibold mb-2">Crovex - Admin & Dashboard Template</p>
                                                <p class="text-muted">Crovex is a Bootstrap 4 admin dashboard, 
                                                    It is fully responsive and included awesome 
                                                    features to help build web applications fast and easy.
                                                </p>
                                                <a href="#" class="btn btn-soft-primary btn-sm">Live Priview</a> 
                                                <a href="#" class="btn btn-soft-primary btn-sm">Download Now</a> 
                                            </div><!--end col-->
                                        </div> <!--end row-->   
                                    </div><!--end card-body-->
                                </div><!--end card-->
                            </div><!--end col-->
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-body">                                    
                                        <div class="row">
                                            <div class="col-auto">
                                                <img src="assets/images/dashboards/frogetor.jpg" alt="user" height="150" class="align-self-center mb-3 mb-lg-0">
                                            </div><!--end col-->
                                            <div class="col align-self-center">
                                                <p class="font-18 fw-semibold mb-2">Frogetor - Admin & Dashboard Template</p>
                                                <p class="text-muted">Frogetor is a Bootstrap 4 admin dashboard, 
                                                    It is fully responsive and included awesome 
                                                    features to help build web applications fast and easy.
                                                </p>
                                                <a href="#" class="btn btn-soft-primary btn-sm">Live Priview</a> 
                                                <a href="#" class="btn btn-soft-primary btn-sm">Download Now</a> 
                                            </div><!--end col-->
                                        </div> <!--end row-->    
                                    </div><!--end card-body-->
                                </div><!--end card-->
                            </div><!--end col-->                                 
                        </div>  <!--end row-->
    
                        <div class="row">
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-body">                                 
                                        <div class="row">
                                            <div class="col-auto">
                                                <img src="assets/images/dashboards/metrica.jpg" alt="user" height="150" class="align-self-center mb-3 mb-lg-0">
                                            </div><!--end col-->
                                            <div class="col align-self-center">
                                                <p class="font-18 fw-semibold mb-2">Metrica - Admin & Dashboard Template</p>
                                                <p class="text-muted">Metrica is a Bootstrap 4 admin dashboard, 
                                                    It is fully responsive and included awesome 
                                                    features to help build web applications fast and easy.
                                                </p>
                                                <a href="#" class="btn btn-soft-primary btn-sm">Live Priview</a> 
                                                <a href="#" class="btn btn-soft-primary btn-sm">Download Now</a> 
                                            </div><!--end col-->
                                        </div> <!--end row-->       
                                    </div><!--end card-body-->
                                </div><!--end card-->
                            </div><!--end col-->
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-body">                    
                                        <div class="row">
                                            <div class="col-auto">
                                                <img src="assets/images/dashboards/dastyle.jpg" alt="user" height="150" class="align-self-center mb-3 mb-lg-0">
                                            </div><!--end col-->
                                            <div class="col align-self-center">
                                                <p class="font-18 fw-semibold mb-2">Dastyle - Admin & Dashboard Template</p>
                                                <p class="text-muted">Dastyle is a Bootstrap 4 admin dashboard, 
                                                    It is fully responsive and included awesome 
                                                    features to help build web applications fast and easy.
                                                </p>
                                                <a href="#" class="btn btn-soft-primary btn-sm">Live Priview</a> 
                                                <a href="#" class="btn btn-soft-primary btn-sm">Download Now</a> 
                                            </div><!--end col-->
                                        </div> <!--end row-->   
                                    </div><!--end card-body-->
                                </div><!--end card-->
                            </div><!--end col-->                                 
                        </div>  <!--end row-->
    
                        <div class="row">
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-body">                              
                                        <div class="row">
                                            <div class="col-auto">
                                                <img src="assets/images/dashboards/frogetor.jpg" alt="user" height="150" class="align-self-center mb-3 mb-lg-0">
                                            </div><!--end col-->
                                            <div class="col align-self-center">
                                                <p class="font-18 fw-semibold mb-2">Frogetor - Admin & Dashboard Template</p>
                                                <p class="text-muted">Frogetor is a Bootstrap 4 admin dashboard, 
                                                    It is fully responsive and included awesome 
                                                    features to help build web applications fast and easy.
                                                </p>
                                                <a href="#" class="btn btn-soft-primary btn-sm">Live Priview</a> 
                                                <a href="#" class="btn btn-soft-primary btn-sm">Download Now</a> 
                                            </div><!--end col-->
                                        </div> <!--end row-->  
                                    </div><!--end card-body-->
                                </div><!--end card-->
                            </div><!--end col--> 
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-body">                               
                                        <div class="row">
                                            <div class="col-auto">
                                                <img src="assets/images/dashboards/crovex.jpg" alt="user" height="150" class="align-self-center mb-3 mb-lg-0">
                                            </div><!--end col-->
                                            <div class="col align-self-center">
                                                <p class="font-18 fw-semibold mb-2">Crovex - Admin & Dashboard Template</p>
                                                <p class="text-muted">Crovex is a Bootstrap 4 admin dashboard, 
                                                    It is fully responsive and included awesome 
                                                    features to help build web applications fast and easy.
                                                </p>
                                                <a href="#" class="btn btn-soft-primary btn-sm">Live Priview</a> 
                                                <a href="#" class="btn btn-soft-primary btn-sm">Download Now</a> 
                                            </div><!--end col-->
                                        </div> <!--end row-->   
                                    </div><!--end card-body-->
                                </div><!--end card-->
                            </div><!--end col-->                                  
                        </div>  <!--end row-->
                    </div>
                    <div class="tab-pane fade" id="Profile_timeline" role="tabpanel" aria-labelledby="portfolio_detail_tab">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="slimscroll activity-scroll">
                                            <div class="activity">
                                                <div class="activity-info">
                                                    <div class="icon-info-activity">
                                                        <i class="las la-check-circle bg-soft-primary"></i>
                                                    </div>
                                                    <div class="activity-info-text">
                                                        <div class="d-flex justify-content-between align-items-center">
                                                            <h6 class="m-0 w-75">Task finished</h6>
                                                            <span class="text-muted d-block">10 Min ago</span>
                                                        </div>
                                                        <p class="text-muted mt-3">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.
                                                            <a href="#" class="text-info">[more info]</a>
                                                        </p>
                                                    </div>
                                                </div> 
    
                                                <div class="activity-info">
                                                    <div class="icon-info-activity">
                                                        <i class="las la-user-clock bg-soft-primary"></i>
                                                    </div>
                                                    <div class="activity-info-text">
                                                        <div class="d-flex justify-content-between align-items-center">
                                                            <h6 class="m-0  w-75">Task Overdue</h6>
                                                            <span class="text-muted">50 Min ago</span>
                                                        </div>
                                                        <p class="text-muted mt-3">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.
                                                            <a href="#" class="text-info">[more info]</a>
                                                        </p>
                                                        <span class="badge badge-soft-secondary">Design</span>
                                                        <span class="badge badge-soft-secondary">HTML</span>  
                                                    </div>
                                                </div>
                                                <div class="activity-info">
                                                    <div class="icon-info-activity">
                                                        <i class="las la-clipboard-check bg-soft-primary"></i>
                                                    </div>
                                                    <div class="activity-info-text">
                                                        <div class="d-flex justify-content-between align-items-center">
                                                            <h6 class="m-0  w-75">New Task</h6>
                                                            <span class="text-muted">10 hours ago</span>
                                                        </div> 
                                                        <p class="text-muted mt-3">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.
                                                            <a href="#" class="text-info">[more info]</a>
                                                        </p>
                                                    </div>
                                                </div>   
    
                                                <div class="activity-info">
                                                    <div class="icon-info-activity">
                                                        <i class="las la-comment-dots bg-soft-primary"></i>
                                                    </div>
                                                    <div class="activity-info-text">
                                                        <div class="d-flex justify-content-between align-items-center">
                                                            <h6 class="m-0">New Comment</h6>
                                                            <span class="text-muted">Yesterday</span>
                                                        </div>
                                                        <p class="text-muted mt-3">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.
                                                            <a href="#" class="text-info">[more info]</a>
                                                        </p>     
                                                    </div>
                                                </div>  
                                                <div class="activity-info">
                                                    <div class="icon-info-activity">
                                                        <i class="las la-user-friends bg-soft-primary"></i>
                                                    </div>
                                                    <div class="activity-info-text">
                                                        <div class="d-flex justify-content-between align-items-center">
                                                            <h6 class="m-0">New Lead Miting</h6>
                                                            <span class="text-muted">14 Nov 2019</span>
                                                        </div>
                                                        <p class="text-muted mt-3">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.
                                                            <a href="#" class="text-info">[more info]</a>
                                                        </p> 
                                                    </div>
                                                </div>                                                                                                              
                                            </div><!--end activity-->
                                        </div><!--end activity-scroll-->
                                    </div><!--end card-body-->
                                </div><!--end card-->
                            </div><!--end col-->                       
                        </div>  <!--end row-->
                    </div>
                    <div class="tab-pane fade" id="Profile_Settings" role="tabpanel" aria-labelledby="settings_detail_tab">
                        <div class="row">
                            <div class="card">
                                <div class="card-header">
                                    <div class="row align-items-center">
                                        <div class="col">                      
                                            <h4 class="card-title center">Personal Information</h4>                      
                                        </div><!--end col-->                                                       
                                    </div>  <!--end row-->    
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-lg-6 col-xl-6">
                                            <div class="card">
                                                        <div class="card-body">
                                                            <form method="POST" action="{{ url('/crew/crew/'.$profil->crew_id) }}">
                                                                @csrf
                                                                @method('PUT')
                                                            
                                                           
                                                                <div class="form-group row">
                                                                    <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">ID. Crew</label>
                                                                    <div class="col-lg-9 col-xl-8">
                                                                        <input class="form-control" name="crew_id" value="{{ $profil->crew_id }}" type="text" disabled>
                                                                    </div>
                                                                </div>                   
                                                                <div class="form-group row">
                                                                    <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Name</label>
                                                                    <div class="col-lg-9 col-xl-8">
                                                                        <input class="form-control" name="nama" type="text" value="{{ $profil->nama }}">
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Address</label>
                                                                    <div class="col-lg-9 col-xl-8">
                                                                        <input class="form-control" name="alamat" type="text" value="{{ $profil->alamat }}">
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Job Title</label>
                                                                    <div class="col-lg-9 col-xl-8">
                                                                        <input class="form-control" name="pekerjaan" type="text" value="{{ $profil->pekerjaan }}">
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Tempat Lahir</label>
                                                                    <div class="col-lg-9 col-xl-8">
                                                                        <input class="form-control" name="tempat_lahir" type="text" value="{{ $profil->tempat_lahir }}">
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Tanggal Lahir</label>
                                                                    <div class="col-lg-9 col-xl-8">
                                                                        <input class="form-control" name="tanggal_lahir" type="text" value="{{ date('d-M-Y',strtotime($profil->tanggal_lahir)) }}">
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Gender</label>
                                                                    <div class="col-md-9">
                                                                        @if ($profil->jenis_kelamin=='Male')
                                                                            <div class="form-check">
                                                                                <input class="form-check-input" type="radio" name="jenis_kelamin" id="exampleRadios1" value="Male" checked>
                                                                                <label class="form-check-label" for="exampleRadios1">
                                                                                Male
                                                                                </label>
                                                                            </div>
                                                                            <div class="form-check">
                                                                                <input class="form-check-input" type="radio" name="jenis_kelamin" id="exampleRadios2" value="Female">
                                                                                <label class="form-check-label" for="exampleRadios2">
                                                                                Female
                                                                                </label>
                                                                            </div>
                                                                        @else
                                                                        <div class="form-check">
                                                                            <input class="form-check-input" type="radio" name="jenis_kelamin" id="exampleRadios1" value="Male" >
                                                                            <label class="form-check-label" for="exampleRadios1">
                                                                            Male
                                                                            </label>
                                                                        </div>
                                                                            <div class="form-check">
                                                                                <input class="form-check-input" type="radio" name="jenis_kelamin" id="exampleRadios2" value="Female" checked>
                                                                                <label class="form-check-label" for="exampleRadios2">
                                                                                Female
                                                                                </label>
                                                                            </div>
                                                                        @endif
                                                                    </div>
                                                                </div> <!-- end row -->
                                                                <div class="form-group row">
                                                                    <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Phone</label>
                                                                    <div class="col-lg-9 col-xl-8">
                                                                        <div class="input-group">
                                                                            <span class="input-group-text"><i class="las la-phone"></i></span>
                                                                            <input type="text" class="form-control" name="telepon"  value="{{ $profil->telepon }}" placeholder="Phone" aria-describedby="basic-addon1">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Status</label>
                                                                    <div class="col-md-9">
                                                                        @if ($profil->status_menikah=='Belum Nikah')
                                                                            <div class="form-check">
                                                                                <input class="form-check-input" type="radio" name="status_menikah" id="exampleRadios1" value="Belum Nikah" checked>
                                                                                <label class="form-check-label" for="exampleRadios1">
                                                                                Belum Nikah
                                                                                </label>
                                                                            </div>
                                                                            <div class="form-check">
                                                                                <input class="form-check-input" type="radio" name="status_menikah" id="exampleRadios2" value="Nikah">
                                                                                <label class="form-check-label" for="exampleRadios2">
                                                                                Nikah
                                                                                </label>
                                                                            </div>
                                                                        @else
                                                                        <div class="form-check">
                                                                            <input class="form-check-input" type="radio" name="status_menikah" id="exampleRadios1" value="Belum Nikah" >
                                                                            <label class="form-check-label" for="exampleRadios1">
                                                                            Belum Nikah
                                                                            </label>
                                                                        </div>
                                                                            <div class="form-check">
                                                                                <input class="form-check-input" type="radio" name="status_menikah" id="exampleRadios2" value="Menikah" checked>
                                                                                <label class="form-check-label" for="exampleRadios2">
                                                                                Menikah
                                                                                </label>
                                                                            </div>
                                                                        @endif
                                                                    </div>
                                                                </div> <!-- end row -->
                                                                <div class="form-group row">
                                                                    <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Religion</label>
                                                                    <div class="col-lg-9 col-xl-8">
                                                                        <input class="form-control" name="agama" type="text" value="{{ $profil->agama }}">
                                                                    </div>
                                                                </div> 
                                                                <div class="form-group row">
                                                                    <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Handphone</label>
                                                                    <div class="col-lg-9 col-xl-8">
                                                                        <input class="form-control" name="handphone" type="text" value="{{ $profil->handphone }}">
                                                                    </div>
                                                                </div>       
                                                                <div class="form-group row">
                                                                    <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Info Lain</label>
                                                                    <div class="col-lg-9 col-xl-8">
                                                                        <input class="form-control" name="info_lain" type="text" value="{{ $profil->info_lain }}">
                                                                    </div>
                                                                </div>    
                                                                <div class="form-group row">
                                                                    <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Email Address</label>
                                                                    <div class="col-lg-9 col-xl-8">
                                                                        <div class="input-group">
                                                                            <span class="input-group-text"><i class="las la-at"></i></span>
                                                                            <input type="text" class="form-control" name="email" value="{{ $profil->email }}" placeholder="Email" aria-describedby="basic-addon1">
                                                                        </div>
                                                                    </div>
                                                                </div>   
                                                                <div class="form-group row">
                                                                    <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Kewarnegaraan</label>
                                                                    <div class="col-lg-9 col-xl-8">
                                                                        <select class="form-select" name="negara">
                                                                            <option>London</option>
                                                                            <option>India</option>
                                                                            <option>USA</option>
                                                                            <option>Canada</option>
                                                                            <option>Thailand</option>
                                                                            <option>Indonesia</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row">
                                                                    <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Mulai Kerja</label>
                                                                    <div class="col-lg-9 col-xl-8">
                                                                        <input class="form-control" name="mulai_kerja" type="text" value="{{ $profil->mulai_kerja }}">
                                                                    </div>
                                                                </div> 
                                                        </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-xl-6">
                                            <div class="card">
                                                <div class="card-body">                                          
                                                    <div class="form-group row">
                                                        <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Tempat Lahir</label>
                                                        <div class="col-lg-9 col-xl-8">
                                                            <input class="form-control" name="akhir_kerja" type="text" value="{{ $profil->akhir_kerja }}">
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Handphone</label>
                                                        <div class="col-lg-9 col-xl-8">
                                                            <input class="form-control" name="handphone" type="text" value="{{ $profil->handphone }}">
                                                        </div>
                                                    </div>    
                                                    <div class="form-group row">
                                                        <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Jabatan</label>
                                                        <div class="col-lg-9 col-xl-8">
                                                            <input class="form-control" name="kd_jabatan" type="text" value="{{ $profil->kd_jabatan }}">
                                                        </div>
                                                    </div>    
                                                    <div class="form-group row">
                                                        <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Status Aktif</label>
                                                        <div class="col-lg-9 col-xl-8">
                                                            <input class="form-control" name="aktif" type="text" value="{{ $profil->aktif }}">
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Tinggi Badan</label>
                                                        <div class="col-lg-9 col-xl-8">
                                                            <input class="form-control" name="tinggi_badan" type="text" value="{{ $profil->tinggi_badan }}">
                                                        </div>
                                                    </div>   
                                                    <div class="form-group row">
                                                        <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Berat Badan</label>
                                                        <div class="col-lg-9 col-xl-8">
                                                            <input class="form-control" name="berat_badan" type="text" value="{{ $profil->berat_badan }}">
                                                        </div>
                                                    </div>   
                                                    <div class="form-group row">
                                                        <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Golongan Darah</label>
                                                        <div class="col-lg-9 col-xl-8">
                                                            <input class="form-control" name="golongan_darah" type="text" value="{{ $profil->golongan_darah }}">
                                                        </div>
                                                    </div>       
                                                </div>
                                            </div>
                                            <div class="card">
                                                <div class="card-header">
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="checkbox" value="" id="Email_Notifications" checked>
                                                        <label class="form-check-label" for="Email_Notifications">
                                                            Jadikan sebagai user Aplikasi
                                                        </label>
                                                    </div>
                                                </div><!--end card-header-->
                                                <div class="card-body"> 
                                                    <div class="form-group row">
                                                        <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Current Password</label>
                                                        <div class="col-lg-9 col-xl-8">
                                                            <input class="form-control" type="password" placeholder="Password">
                                                            <a href="#" class="text-primary font-12">Forgot password ?</a>
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">New Password</label>
                                                        <div class="col-lg-9 col-xl-8">
                                                            <input class="form-control" type="password" placeholder="New Password">
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center">Confirm Password</label>
                                                        <div class="col-lg-9 col-xl-8">
                                                            <input class="form-control" type="password" placeholder="Re-Password">
                                                            <span class="form-text text-muted font-12">Never share your password.</span>
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <div class="col-lg-9 col-xl-8 offset-lg-3">
                                                            <button type="submit" class="btn btn-sm btn-primary">Change Password</button>
                                                            <button type="button" class="btn btn-sm btn-danger">Cancel</button>
                                                        </div>
                                                    </div>  
                                                </div><!--end card-body-->
                                            </div>
                                            <div class="form-group row">
                                                <div class="">
                                                    <button type="submit" class="btn btn-sm btn-primary">Submit</button>
                                                    <button type="button" class="btn btn-sm btn-danger">Cancel</button>
                                                </div>
                                            </div>      
                                        </form>  
                                        </div><!--end card-->
                                    </div>
                                        
                                   
                                </div>
                            </div>
                                                                       
                        </div><!--end row-->
                    </div><!--end tab-pane-->
                </div><!--end tab-content-->
            </div><!--end col-->
        </div><!--end row-->

        <div class="modal fade" id="EditCrewEducation" tabindex="-1" aria-labelledby="exampleModalFullscreenLgLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
              <div class="modal-content">
                <div class="modal-header">
                  <h6 class="modal-title" id="exampleModalFullscreenLgLabel">Edit Crew Education</h6>
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-12">
                            <form action="/inv/group" method="post">
                                @csrf
                                <div class="mb-2 row">
                                    <label for="example-text-input-sm" class="col-sm-3 form-label align-self-center mb-lg-0 text-end">ID School</label>
                                    <div class="col-sm-3">
                                        <input class="form-control form-control-sm" type="text" name="id" placeholder="" id="example-text-input-sm">
                                    </div>
                                </div>   
                                <div class="mb-2 row">
                                    <label for="example-text-input-sm" class="col-sm-3 form-label align-self-center mb-lg-0 text-end">School</label>
                                    <div class="col-sm-8">
                                        <input class="form-control form-control-sm" type="text" name="school" placeholder="" id="example-text-input-sm">
                                    </div>
                                </div>       
                                <div class="mb-2 row">
                                    <label for="example-text-input-sm" class="col-sm-3 form-label align-self-center mb-lg-0 text-end">Compentence</label>
                                    <div class="col-sm-8">
                                        <input class="form-control form-control-sm" type="text" name="jurusan" placeholder="" id="example-text-input-sm">
                                    </div>
                                </div>
                                <div class="mb-2 row">
                                    <label for="example-text-input-sm" class="col-sm-3 form-label align-self-center mb-lg-0 text-end">Year In</label>
                                    <div class="col-sm-8">
                                        <input class="form-control form-control-sm" type="text" name="date_in" placeholder="" id="example-text-input-sm">
                                    </div>
                                </div>
                                <div class="mb-2 row">
                                    <label for="example-text-input-sm" class="col-sm-3 form-label align-self-center mb-lg-0 text-end">Year Out</label>
                                    <div class="col-sm-8">
                                        <input class="form-control form-control-sm" type="text" name="date_out" placeholder="" id="example-text-input-sm">
                                    </div>
                                </div>
                                <div class="mb-2 row">
                                    <label for="example-text-input-sm" class="col-sm-3 form-label align-self-center mb-lg-0 text-end">Certificate</label>
                                    <div class="col-md-9">
                                        <div class="form-check">
                                            <input class="form-check-input" name="" type="checkbox" value="" id="flexCheckDefault">
                                            <label class="form-check-label" for="flexCheckDefault">
                                              Certificate/No Certificate
                                            </label>
                                        </div>
                                    </div>
                                </div> <!--end row-->
                                <div class="button-items"> 
                                    <button type="submit" class="btn btn-primary"><i class="mdi mdi-check-all me-2"></i>Save</button>
                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i class="mdi mdi-alert-outline me-2"></i>Close</button> 
                                    
                                </div>   
                            </form>
                                    
                        </div>
                    </div>   
                </div>
              </div>
            </div>
        </div>
    </div><!-- container -->

     <footer class="footer text-center text-sm-start">
        &copy; <script>
            document.write(new Date().getFullYear())
            </script> 
    </footer><!--end footer-->
</div>
<!-- end page content -->
@endsection