@extends('dashboard::layouts.app')

@section('title')
    <h5 class="text-dark font-weight-bold mt-2 mb-2 mr-5">
        Edit Carousel
    </h5>
@endsection

@section('content')
    <div class="card card-custom " data-card="true" id="kt_card_4">
        <div class="card-header">
            <h3 class="card-title">
                Edit Carousel
            </h3>
        </div>
        <form class="form" action="{{ route('carousel.update') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="card-body">

                <input type="hidden" name="id" value="{{ $carousel->id }}">

                <div class="row form-group">
                    <label class="col-lg-3 col-form-label text-right"> Carousel Title:</label>
                    <div class="col-lg-8">
                        <input type="text" name="title" class="form-control mb-2" placeholder="Enter carousel title here" value="{{ $carousel->title }}" />
                        @error('title')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-lg-3 col-form-label text-right"> Carousel Image:</label>
                    <div class="col-lg-8">
                        <input type="file" name="main_image" class="form-control mb-2" placeholder="Choose carousel main image here" value="{{ $carousel->main_image }}" />
                        <img src="{{ url('uploads/images/carousel/main_image/' . $carousel->main_image) }}" style="border-radius: 50%;" width="50" height="50" alt="No image Found">
                        @error('main_image')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>
            </div>

            <div class="card-footer">
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <button type="submit" class="btn btn-success mr-2">Update Carousel</button>
                        <a href="{{ url()->previous() }}" class="btn btn-default">Cancel</a>

                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection