@extends('admin.layouts.admin')
@section('style')
<link href="{{ asset('assets/admin/plugins/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet"
    type="text/css" />
@endsection

@section('content')

<!-- Page Content-->
        <div class="page-content-tab">
            <div class="container-fluid">
                <!-- Page-Title -->
                <div class="row">
                    <div class="col-sm-12">
                        <div class="page-title-box">

                        </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 overflow-hidden">
              <div class="card-body bg-light">
                <div class="met-profile">
                  <div class="row">
                    <div class="col-lg-6 align-self-center mb-3 mb-lg-0">
                      <div class="met-profile-main">
                        <div class="met-profile-main-pic">
                          <img src="{{ url('assets/admin/assets/images/users/user-1.jpg') }}" width="90" alt="" class="rounded-circle">
                        </div>
                        <div class="met-profile_user-detail">
                          <h5 class="met-user-name">{{ $user->name ?? ''}}</h5>
                          <p class="mb-0 met-user-name-post text-dark">
                            @if(isset($user->roles) && count($user->roles) > 0)
                                @foreach ($user->roles as $role)
                                {{ $role->name}}
                                @endforeach
                            @else
                            N/A
                            @endif
                          </p>
                        </div>
                      </div>
                    </div><!--end col-->
                    <div class="col-lg-4 ml-auto align-self-center">
                      <ul class="list-unstyled personal-detail mb-0">
                        <li class="text-dark"><b> Phone </b> : {{ $user->phone ?? '' }}</li>
                        <li class="text-dark mt-2"><b> Email </b> : <a href="mailto:{{ $user->email ?? '' }}">{{ $user->email ?? '' }}</a></li>
                        @if($user->user_type == 'Candidate')
                        <li class="text-dark mt-2"><b>Location</b> : {{ $user->candidate->location ?? ''}}</li>
                        @endif
                      </ul>
                    </div><!--end col-->
                  </div><!--end row-->
                </div><!--end f_profile-->
              </div><!--end card-body-->
            </div><!--end card-->
          </div><!--end col-->
        </div><!--end row-->

                <div class="row">
                    <div class="col-sm-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-lg-6 col-xl-6">
                                        <div class="card user_info_card">
                                            <div class="card-header">
                                                <div class="d-flex align-items-center">
                                                    <div class="">
                                                        <h5 class="card-title m-0">Personal Information</h5>
                                                    </div><!--end col-->
                                                </div>  <!--end row-->
                                            </div><!--end card-header-->
                                            <div class="card-body">
                                                <div class="form-group mb-3 row">
                                                    <label class="col-md-4 text-end mb-lg-0 align-self-center">Full Name</label>
                                                    <div class="col-md-8">
                                                        <input class="form-control" type="text" value="{{ $user->name ?? '' }}" disabled>
                                                    </div>
                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <label class="col-md-4 text-end mb-lg-0 align-self-center">Mobile Number</label>
                                                    <div class="col-md-8">
                                                        <div class="input-group">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text"><i class="las la-phone"></i></span>
                                                            </div>
                                                            <input type="text" class="form-control" value="{{ $user->phone ?? '' }}" disabled>
                                                        </div>
                                                    </div>
                                                </div>
                                                @if($user->user_type == 'Candidate')
                                                <div class="form-group mb-3 row">
                                                    <label class="col-md-4 text-end mb-lg-0 align-self-center">Alternet Mobile Number</label>
                                                    <div class="col-md-8">
                                                        <div class="input-group">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text"><i class="las la-phone"></i></span>
                                                            </div>
                                                            <input type="text" class="form-control" value="{{ $user->candidate->alternative_phone ?? ''}}" disabled>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endif
                                                <div class="form-group mb-3 row">
                                                    <label class="col-md-4 text-end mb-lg-0 align-self-center form-label">Email Address</label>
                                                    <div class="col-md-8">
                                                        <div class="input-group">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text"><i class="las la-at"></i></span>
                                                            </div>
                                                            <input type="text" class="form-control" value="{{ $user->email ?? ''}}" disabled>
                                                        </div>
                                                    </div>
                                                </div>
                                                @if($user->user_type == 'Candidate')
                                                <div class="form-group mb-3 row">
                                                    <label class="col-md-4 text-end mb-lg-0 align-self-center form-label">Date of Birth</label>
                                                    <div class="col-md-8">
                                                        <div class="input-group">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text"><i class="las la-calendar"></i></span>
                                                            </div>
                                                            <input type="text" class="form-control" value="{{ \Carbon\Carbon::parse($user->candidate->date_of_birth)->format('d/m/Y')}}" disabled>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <label class="col-md-4 text-end mb-lg-0 align-self-center">Gender</label>
                                                    <div class="col-md-8">
                                                        <div class="custom-radio form-check-inline ml-4 w-25">
                                                            <input class="custom-control-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" {{ ($user->candidate->gender == 'Male') ? 'checked="checked"' : '' }} disabled>
                                                        <label class="custom-control-label" for="inlineRadio1">Male</label>
                                                      </div>
                                                        <div class="custom-radio form-check-inline my-1 mr-sm-2">
                                                            <input class="custom-control-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option2 {{ ($user->candidate->gender == 'Female') ? 'checked="checked"' : '' }} disabled>
                                                        <label class="custom-control-label" for="inlineRadio2">Female</label>
                                                      </div>
                                                    </div>
                                                </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div> <!--end col-->
                                    <div class="col-lg-6 col-xl-6">
                                        <div class="card user_info_card">
                                            <div class="card-header">
                                                <div class="d-flex align-items-center">
                                                    <div class="">
                                                        <h5 class="card-title m-0">Change Password</h5>
                                                    </div><!--end col-->
                                                </div>  <!--end row-->
                                            </div><!--end card-header-->
                                            <div class="card-body">
                                                @if(session('alert-green'))
                                                    <div class="alert alert-success mt-3 text-center">
                                                        {{ session('alert-green') }}
                                                    </div>
                                                @endif

                                                @if(session('alert-danger'))
                                                    <div class="alert alert-danger mt-3 text-center">
                                                        {{ session('alert-danger') }}
                                                    </div>
                                                @endif
                                                @if($errors->any())
                                                    <div class="row">
                                                        <div class="col-md-12 mb-5">
                                                            @foreach ($errors->all() as $error)
                                                                <div class="text-danger small mb-1">* {{$error}}</div>
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                @endif
                                                {{ session('status') }}
                                                <form method="post" action="{{ url()->route('user.changePassword', ['id' => $user->id]) }}">
                                                @csrf
                                                    <div class="form-group mb-3 row">
                                                        <label class="col-md-4 text-end mb-lg-0 align-self-center">Full Name</label>
                                                        <div class="col-md-8">
                                                            <input class="form-control" type="text" value="{{ $user->name ?? '' }}" disabled>
                                                        </div>
                                                    </div>
                                                    <div class="form-group mb-3 row">
                                                        <label class="col-md-4 text-end mb-lg-0 align-self-center">New Password</label>
                                                        <div class="col-md-8">
                                                             <input type="password" class="form-control " name="password"  required>
                                                        </div>
                                                    </div>
                                                    <div class="form-group mb-3 row">
                                                        <label class="col-md-4 text-end mb-lg-0 align-self-center">Confirm Password</label>
                                                        <div class="col-md-8">
                                                            <input type="password" class="form-control" name="password_confirmation" required>
                                                        </div>
                                                    </div>
                                                    <div class="form-group mb-3 row">
                                                        <div class="col-md-12 text-right">
                                                            <a href="{{ url()->route('user.show',['id' =>  $user->id])}}"  class="btn btn-danger waves-effect waves-light float-left">Cancel</a>
                                                            <button type="submit" class="btn btn-primary">Change Password</button>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div><!--end card-body-->
                                        </div><!--end card-->
                                    </div> <!-- end col -->
                                </div>
                                <!--  -->
                            </div><!--end card-body-->
                        </div><!--end card-->
                    </div><!--end col-->
                </div><!--end row-->
            </div>
            <!-- container -->
            <footer class="footer text-center text-sm-left">
                &copy; 2021 SSL Wireless <span class="text-muted d-none d-sm-inline-block float-right">Design and Developed by <a href="#">SSL Wireless</a></span>
            </footer>
            <!--end footer-->
        </div>
        <!-- end page content -->
@endsection

@section('script')
<script src="{{ asset('assets/admin/plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('assets/admin/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>

<script type="text/javascript">
$(document).ready(function() {
    // $("#datatable").DataTable();
});
</script>
@endsection