@extends('layouts.master')

@section('content')

<div class="container-fluid">

    <div class="card shadow mb-4">
        <div class="card-header py-3 bg-gradient-primary form-inline justify-content-center mb-4">
            <h6 class="m-0 font-weight-bold text-primary">Profile</h6>
        </div>
        <div class="form-inline justfiy-content-between ">
        <div class="form-inline text-center img-fluid px-3 px-sm-4 mt-3 mb-4">
            <img 
            @if (Auth::user()->profile_image != NULL)
            src="{{asset('foto_profile/' . Auth::user()->profile_image)}}"
            @else
            src="{{asset('foto_profile/no-profile-image.png')}}"
            @endif width="200" height="300" class="text-center"> 
        </div>
        <div class="col-lg-8">
            <form method="POST" action="../edit_account_profile" enctype="multipart/form-data">
                <div class="mb-4">
                    @csrf
                    <input type="hidden" name="id" value="{{$data['id']}}">

                    <div class="mb-3">
                        <label for="full_name" class="form-label col-lg-2">Full Name:</label>
                        <input type="text" class="form-control @error('full_name') is-invalid @enderror" id="full_name" name="full_name" value="{{old('full_name', $data->full_name)}}">
                        
                        @error('full_name')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                    
                 
                    <div class="mb-3">
                        <label for="gender" class="form-label col-lg-1">Gender: </label>
                                <select class="form-control" name="gender">
                                <option selected @if ($data->gender == 'Pria')
                                    value="Pria"
                                @elseif($data->gender == 'Wanita')
                                    value="Wanita"
                                @endif>Pilih Gender</option>
                                <option value="Pria">Pria</option>
                                <option value="Wanita">Wanita</option>
                                </select>
                    </div>
                    
                <div class="mb-3 ">
                    <label for="profile_image " class="form-label col-lg-1 @error('profile_image') is-invalid @enderror">Image:</label>
                    <input class="form-group @error('profile_image') is-invalid @enderror" type="file" id="profile_image" name="profile_image">
                    @error('profile_image')
                    <div class="invalid-feedback">
                    {{ $message }}
                    </div>
                    @enderror
                </div>
                
                <div class="">
                <button type="submit" class="btn btn-primary">Change Profile</button>
                </form>
                <a class="btn btn-secondary" href="../admin-profile">Cancel</a>
                
                </div>
                
                <div class="mb-4 form-inline justify-content-around">
                 </div>   
                        
                </div>
        </div>
    </div>
    </div>

</div>
@endsection