@extends('backend.layout.layout')
@section ('content')


<!-- Content Header (Page header) -->
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1>Slider Table</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                    <li class="breadcrumb-item active"><a href="{{route('admin.slider')}}">All Sliders</a></li>
                </ol>
            </div>
        </div>
    </div><!-- /.container-fluid -->
</section>

<!-- Main content -->
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h6 class="m-0 font-weight-bold text-primary">Add</h6>
                    </div>
                    
                    <!-- Card Body -->
                    <div class="card-body">
                        <form action="{{route('admin.updateslider',$slider->id)}}" method="post" enctype="multipart/form-data" data-parsley-validate>
                            @csrf
                            <div class="form-row">
                                <div class="form-group col-md-6">
                                    <label for="title" class="form-label">Slider Title</label>
                                    <input type="text" class="form-control" id="title" name="title" value="{{ $slider->title }}" placeholder="Enter Slider title">
                                </div>
                                <div class="mb-3 col-md-6">
                                    <div class="form-group ">
                                        <label for="image">Slider Image</label>
                                        <input type="file" name="image" id="image" class="form-control">
                                        <img src="{{ asset('uploads/slider_images/' . $slider->image) }}" alt="{{ $slider->title }}" height="50px" width="50px" />
                                    </div>
                                </div>
                                

                                <div class="mb-3 form-group col-md-6">
                                    <label for="name" class="form-label">Text Line1</label>
                                    <input type="text" class="form-control" id="name" name="name" value="{{ $slider->name }}" placeholder="Enter Slider Category">
                                </div>
                                
                                <div class="mb-3 form-group col-md-6">
                                    <label for="namee" class="form-label">Text Line2</label>
                                    <input type="text" class="form-control" id="namee" name="namee" value="{{ $slider->namee }}" placeholder="Enter Slider Category2">
                                </div>
                                <div class="mb-3 form-group col-md-6">
                                    <label for="linkk" class="form-label">Button text</label>
                                    <input type="text" class="form-control" id="linkk" name="linkk" value="{{ $slider->linkk }}" placeholder="Enter Slider Category2 Link">
                                </div>
                                <div class="mb-3 form-group col-md-6">
                                    <label for="link" class="form-label">Button link</label>
                                    <input type="text" class="form-control" id="link" name="link" value="{{ $slider->link }}" placeholder="Enter Slider Category1 Link">
                                </div>
                                <div class="mb-3 form-group col-md-6">
                                    <label for="description" class="form-label"> Description</label>
                                    <textarea name="description" id="description" cols="30" rows="2" class="form-control" 
                                    value="{{$slider->description }}" placeholder="Enter Slider description ">{{$slider->description }}</textarea>
                                </div>
                                {{-- <div class="mb-3 form-group col-md-6 mt-4" style="width: 100%;">                                    
                                    <select name="Status" class="form-control">
                                        <option value="option1" selected>Active</option>
                                        <option value="option2">Inactive</option>                                        
                                    </select>
                                </div>                                 --}}
                            </div>
                            <button type="submit" name="submit" class="btn btn-primary btn-lg">Submit</button>
                        </form>
                    </div>
                </div>
                <!-- /.card -->
            </div>
        </div>
    </div><!-- /.container-fluid -->
</section>
<!-- /.content -->

@endsection