@extends('admin.admin_dashboard')
@section('admin')



<div class="page-content"> 


				 <!--breadcrumb-->
                 <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3"> 
                    <div class="ps-3">
            
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb mb-0 p-0">
                                <li class="breadcrumb-item">
                                    <a href="{{ route('admin.dashboard') }}">  <i class="bx bx-home-alt"> </i> </a>
                                </li>
                                <li class="breadcrumb-item active" aria-current="page"> Edit Author </li>
                            </ol>
                        </nav>
            
                    </div>

                    <div class="ms-auto">
                        <div class="btn-group">
                           <a href="{{ route('all.author') }}" class="btn btn-light px-5"> Back </a>  
                        </div>
                    </div>
            
                </div>
                <!--end breadcrumb-->
            
   
				<div class="container">
					<div class="main-body">
						<div class="row">


                            <div class="col-lg-10">
                                <div class="card">
                                    <div class="card-body">
		
                                        <form id="myForm" method="post" action="{{ route('update.author',$author->id) }}" enctype="multipart/form-data" >
                                        @csrf

                                      
                                        <input type="hidden" name="old_image" value="{{ $author->author_image }}">

                                        <div class="row mb-3">

                                            <div class="col-sm-3">
                                                <h6 class="mb-0">Author Name</h6>
                                            </div>

                                            <div class="form-group col-sm-9 text-secondary">
                                                <input type="text" name="author_name" class="form-control" value="{{ $author->author_name }}"   />

                                                @error('author_name')
                                                <span class="text-danger">{{ $message }}</span>
                                               @enderror
                                            </div>
                                        </div>


			                            <div class="row mb-3">
                                            <div class="col-sm-3">
                                                <h6 class="mb-0">Author Image </h6>
                                            </div>
                                            <div class="col-sm-9 text-secondary">
                                                <input type="file" name="author_image" class="form-control"  id="image"  />

                                                @error('author_image')
                                                <span class="text-danger">{{ $message }}</span>
                                               @enderror
                                            </div>
                                        </div>



                                        <div class="row mb-3">
                                            <div class="col-sm-3">
                                                <h6 class="mb-0"> </h6>
                                            </div>

                                            <div class="col-sm-9 text-secondary">
                                                 <img id="showImage" src="{{ (!empty($author->author_image)) ? asset($author->author_image) : url('upload/avatar_image.jpg')}}" alt="Author_image" class="rounded-circle p-1 bg-primary" alt="Author" style="width:100px; height: 100px;"  >
                                            </div>
                                        </div>


                                        <div class="row">
                                            <div class="col-sm-3"></div>
                                            <div class="col-sm-9 text-secondary">
                                                <input type="submit" class="btn btn-primary px-4" value="Save Changes" />
                                            </div>
                                        </div>
                                    
                                    </form>
                                    
                                </div>

		
                               



	
                           
                            </div>
	
                        </div>
						
                    </div>
					
                </div>
				
            </div>
			
        </div>


            
    
       
            
            
            
           
@endsection