@extends('layouts.master')
@extends('sidebar.dashboard')

@section('page-style')




@endsection


@section('content')


<section class="bs-validation">
  <div class="row">

  <div class="col-md-12 col-12">
      <div class="card">
        <div class="card-header">
          <h4 class="card-title">Profile Settings</h4>
        </div>
        <div class="card-body col-md-6">

          @if($errors->any())
          <p class="alert" style="color: red;">{{ implode('', $errors->all(':message')) }}</p>
          @endif

          @if(Session::has('success'))
          <p class="alert" style="color: red;">{{ Session::get('success') }}</p>
          @endif
          <form method="post" enctype="multipart/form-data">
          @csrf
            <div class="mb-1">
              <label class="form-label" for="basic-default-name">Name</label>
              <input
                type="text"
                class="form-control"
                name="name"
                placeholder="" value="{{isset($userInfo->name) ? $userInfo->name:'' }}"
              />
            </div>
            <div class="mb-1">
              <label class="form-label" for="basic-default-email">Email</label>
              <input
                type="text"
                name="email"
                class="form-control"
                placeholder="" value="{{isset($userInfo->email) ? $userInfo->email:'' }}"
              />
            </div>
            <div class="mb-1">
              <label class="form-label" for="basic-default-password">Password</label>
              <input
                type="password"
                name="password"
                class="form-control"
                placeholder=""
              />
            </div>
            <div class="mb-1">
              <label class="form-label" for="password_confirmation">Confirm Password</label>
              <input
                type="password"
                id="password_confirmation"
                name="password_confirmation"
                class="form-control"
                placeholder=""
              />
            </div>
      
     
            <div class="mb-1">
              <label for="customFile" class="form-label">Profile pic</label>
              <input class="form-control" type="file" id="customFile2" name="avatar" />
                @error('avatar')
                <span class="text-danger">{{$message}}</span>
                @enderror
            </div>

           



            <!-- <div class="mb-1">
              <label class="d-block form-label">Gender</label>
              <div class="form-check my-50">
                <input type="radio" id="validationRadiojq1" name="validationRadiojq" class="form-check-input" />
                <label class="form-check-label" for="validationRadiojq1">Male</label>
              </div>
              <div class="form-check">
                <input type="radio" id="validationRadiojq2" name="validationRadiojq" class="form-check-input" />
                <label class="form-check-label" for="validationRadiojq2">Female</label>
              </div>
            </div> -->
        
         
            <button type="submit" class="btn btn-primary" value="Submit">Submit</button>
          </form>
        </div>
        <div class="card-body col-md-6">
        @if(isset($userInfo->avatar))
            <img src="{{$userInfo->avatar}}" style="width:250px"></img>
            @endif
        </div>
      </div>
    </div>



</div>


</section>








@endsection

@section('page-script')
<!-- Page js files -->

<scripts>

</scripts>




@endsection