@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 Slider </li>
                </ol>
            </nav>

        </div>


        <div class="ms-auto">
            <div class="btn-group">
               <a href="{{ route('all.slider') }}" class="btn btn-light px-5"> Back </a>  
            </div>
        </div>

    </div>
    <!--end breadcrumb-->

    <div class="card">
        <div class="card-body p-4">

            <h5 class="mb-4">Edit Slider </h5>

            <form id="myForm" action="{{ route('update.slider', $slider->id) }}" method="POST" class="row g-3" enctype="multipart/form-data">
                @csrf

                <input type="hidden" name="old_image" value="{{ $slider->slider_image }}">


                <div class="form-group col-md-6">
                    <label for="input1" class="form-label"> Slider Name</label>
                    <input type="text" name="slider_name" class="form-control" id="input1" value="{{ $slider->slider_name }}" >

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

                </div>


                <div class="col-md-6">
                </div>



                <div class="form-group col-md-6">
                    <label class="form-label">  Slider Heading </label>
                    <input type="text" name="slider_heading" class="form-control" value="{{ $slider->slider_heading }}" >

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


                <div class="col-md-6">
                </div>


                <div class="form-group col-md-6">
                    <label class="form-label">  Slider Text </label>
                    <input type="text" name="slider_text" class="form-control" value="{{ $slider->slider_text }}" >

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


                <div class="col-md-6">
                </div>




                <div class="form-group col-md-6">
                    <label class="form-label">  Slider URL </label>
                    <input type="text" name="slider_url" class="form-control" value="{{ $slider->slider_url }}" placeholder="http://test.loveworldbooks.org/" >

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


                <div class="col-md-6">
                </div>


                
                <div class="form-group col-md-6">
                    <label class="form-label">  Slider Priority </label>
                    <input type="text" name="slider_priority" class="form-control" value="{{ $slider->slider_priority }}" >

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


                <div class="col-md-6">
                </div>


                


            

                <div class="form-group col-md-6">
                    <label for="input2" class="form-label"> Slider Image </label>
                    <input class="form-control" name="slider_image" type="file" id="image">

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


                <div class="col-md-6"> 
                    <img id="showImage" src="{{ (!empty($slider->slider_image)) ? asset($slider->slider_image) : url('upload/avatar_image.jpg')}}" alt="slider_image" class="p-1 bg-primary" width="100"> 
                </div>

                

                <div class="col-md-12 my-3">
                    <div class="d-md-flex d-grid align-items-center gap-3">
                    <button type="submit" class="btn btn-primary px-4">Save Changes</button>
                </div>

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




</div>






@endsection