@extends('master')
@section('title')
{{ $title}}
    
@endsection
@section('content')
<div class="container">
<h1>  Edit Home Slider</h1>
<form action="{{route('home_slider.update',$homeslider->id)}}"  method="POST" enctype="multipart/form-data">
    @csrf
    @method('PUT')
    <div class="mb-3">
        <label for="slider_name" class="form-label">slider Name</label>
        <input type="text" name="slider_name" id="slider_name" class="form-control" value="{{ old('slider_name',$homeslider->slider_name) }}" required>
    </div>
    <div class="mb-3">
        <label for="sub_heading" class="form-label">sub heading</label>
        <input type="text" name="sub_heading" id="sub_heading" class="form-control" value="{{ old('sub_heading',$homeslider->sub_heading) }}" required>
    </div>
    <div class="mb-3">
        <label for="sometext" class="form-label">some text</label>
        <input type="text" name="sometext" id="sometext" class="form-control" value="{{ old('sometext',$homeslider->sometext) }}" required>
    </div>
    {{-- <div class="mb-3">
        <label for="location" class="form-label">location</label>
        <input type="text" name="location" id="location" class="form-control" value="{{ old('location',$homeslider->location) }}" required>
    </div> --}}

    <div class="mb-3">
        <label for="location" class="form-label">location</label>
        
        <!-- Display the current image if it exists -->
        @if($homeslider->location)
            <div>
                <img src="{{ asset('storage/' . $homeslider->location) }}" alt="Current Slider Image" style="max-width: 200px; max-height: 150px; margin-bottom: 10px;">
                <p>Current Image</p>
            </div>
        @endif
        
        <!-- Allow the user to upload a new image -->
        <input type="file" name="location" id="location" class="form-control" accept="image/*">
        <small class="text-muted">Leave empty to keep the current image.</small>
    </div>

    <div class="mb-3">
        <label for="btn_link" class="form-label">btn link</label>
        <input type="text" name="btn_link" id="btn_link" class="form-control" value="{{ old('btn_link',$homeslider->btn_link) }}">
    </div>
    <div class="mb-3">
        <label for="upload_date" class="form-label">upload_date</label>
        <input type="date" name="upload_date" id="upload_date" class="form-control" value="{{ old('upload_date',$homeslider->upload_date) }}">
    </div>

    <div class="mb-3">
        <label for="priority" class="form-label">Priority</label>
        <input type="number" name="priority" id="priority" class="form-control" value="{{ old('priority',$homeslider->priority) }}">
    </div>
    <div class="mb-3">
        <label for="status" class="form-label">Status</label>
        <select name="status" id="status" class="form-control">
            <option value="0" {{ old('status', $homeslider->status) == 0 ? 'selected' : '' }}>Unpublished</option>
            <option value="1" {{ old('status', $homeslider->status) == 1 ? 'selected' : '' }}>Published</option>
        </select>
    </div>   
   

        <button type="submit" class="btn btn-primary">Update</button>
</form>
<a href="{{ route('home_slider.index') }}" class="btn btn-secondary btn-sm mt-4">Back to home_slider</a>

</div>  
@endsection