@extends('layouts.app')
@section('content')
<div class="flex items-center flex-wrap justify-between gap20 mb-30">
    <h3>Sliders infomation</h3>
    <ul class="breadcrumbs flex items-center flex-wrap justify-start gap10">
        <li>
            <a href="javascript:void(0)"><div class="text-tiny">Dashboard</div></a>
        </li>
        <li>
            <i class="icon-chevron-right"></i>
        </li>
        <li>
            <a href="#"><div class="text-tiny">Sliders</div></a>
        </li>
        <li>
            <i class="icon-chevron-right"></i>
        </li>
        <li>
            <div class="text-tiny">Slider infomation</div>
        </li>
    </ul>
</div>
<!-- new-category -->
<div class="wg-box">
    <form class="form-new-product form-style-1" method="post" enctype="multipart/form-data">
        @csrf
        @honeypot
        <fieldset>
            <div class="body-title">Title<span class="tf-color-1">*</span></div>
            <input class="flex-grow  @error('title') is-invalid @enderror" type="text" placeholder="Title" name="title" value="{{$slider->title}}">
            @error('title')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </fieldset>

        <fieldset>
            <div class="body-title">Description <span class="tf-color-1">*</span></div>
            <input class="flex-grow  @error('description') is-invalid @enderror" type="text" placeholder="Description" name="description" value="{{$slider->description}}">
            @error('description')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </fieldset>

        <fieldset>
            <div class="body-title">Upload images</div>
            <div class="upload-image flex-grow">
                <div class="item up-load">
                    <label class="uploadfile h250" for="myFile">
                        <span class="icon">
                            <i class="icon-upload-cloud"></i>
                        </span>
                        <span class="body-text">Drop your images here or select <span class="tf-color">click to browse</span></span>
                        <img id="myFile-input" name="image" src="" alt="">
                        <input type="file" id="myFile" name="slider_image">
                    </label>
                </div>
            </div>
            @error('slider_image')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </fieldset>
        <fieldset>
            <div class="body-title">Link</div>
            <input class="flex-grow  @error('link') is-invalid @enderror" type="text" placeholder="Link" name="link" value="{{$slider->link}}">
            @error('link')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </fieldset>
        <fieldset>
            <div class="body-title">Link Text</div>
            <input class="flex-grow  @error('link_text') is-invalid @enderror" type="text" placeholder="Link Text" name="link_text" value="{{$slider->link_text}}">
            @error('link_text')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </fieldset>
        <fieldset class="category">
            <div class="body-title">Status</div>
            <div class="select flex-grow">
                <select class="" name="status">
                    <option value="ACTIVE" {{$slider->status == "ACTIVE" ? 'SELECTED':''}}>ACTIVE</option>
                    <option value="INACTIVE" {{$slider->status == "INACTIVE" ? 'SELECTED':''}}>INACTIVE</option>
                </select>
            </div>
        </fieldset>
        <div class="bot">
            <div></div>
            <button class="tf-button w208" type="submit">Save Changes</button>
        </div>
    </form>
</div>
<!-- /new-category -->

@endsection
@section('page_script')
@parent
<script>
    $(".slider-menu").addClass("active");
    $(".slider-index").addClass("active");
</script>
@endsection
<!-- App js -->