@extends('admin.layout.app')

@section('heading', 'Hero Section Toggle')

@section('rightside_button')
<a href="{{ route('admin_hero_show') }}" class="btn btn-primary"><i class="fas fa-eye"></i> View Homepage 1 Slides</a>
@endsection

@section('main_content')
<div class="section-body">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<form action="{{ route('admin_home_hero_submit') }}" method="post" enctype="multipart/form-data">
@csrf
<div class="row">
<div class="col-md-12">



<div class="mb-4">
<label class="form-label">Homepage Version</label>
<select name="version" class="form-control">
<option value="one" {{ $hero_home_data->version === 'one' ? 'selected' : '' }}>Version 1</option>
<option value="two" {{ $hero_home_data->version === 'two' ? 'selected' : '' }}>Version 2</option>
</select>
</div>

<h5 class="mb-4">Homepage 2 styles :</h5>


<div class="mb-4">
<label class="form-label">Title Top</label>
<input type="text" class="form-control" name="title_top" value="{{ $hero_home_data->title_top }}">
</div>

<div class="mb-4">
<label class="form-label">Title Hightlight</label>
<input type="text" class="form-control" name="title_highlight" value="{{ $hero_home_data->title_highlight }}">
</div>


<div class="mb-4">
<label class="form-label">Title</label>
<input type="text" class="form-control" name="title" value="{{ $hero_home_data->title }}">
</div>

<div class="mb-4">
<label class="form-label">Video URL</label>
<input type="text" class="form-control" name="video_url" value="{{ $hero_home_data->video_url }}">
</div>

<div class="mb-4">
<label class="form-label">Background Image</label><br>
@if ($hero_home_data->background_image)
<img src="{{ asset('uploads/' . $hero_home_data->background_image) }}" class="w_200 mb-2">
@endif
<input type="file" class="form-control" name="background_image">
</div>

<div class="mb-4">
<label class="form-label">Status</label>
<select name="hero_status" class="form-control">
<option value="show" {{ $hero_home_data->hero_status === 'show' ? 'selected' : '' }}>Show</option>
<option value="hide" {{ $hero_home_data->hero_status === 'hide' ? 'selected' : '' }}>Hide</option>
</select>
</div>

<div class="mb-4">
<button type="submit" class="btn btn-primary">Submit</button>
</div>

</div>
</div>
</form>
</div> <!-- card-body -->
</div> <!-- card -->
</div>
</div>
</div>
@endsection