@extends('layouts.app')
@push('page_style')
    <style>
        #example1_filter {
            display: flex;
            justify-content: end;
        }

    </style>
@endpush
@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="home">Home Page</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
                        <li class="breadcrumb-item active">Users</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    @if(session('success') || session('error'))
                        <div class="alert {{ session('success') ? 'alert-success' : 'alert-danger' }}">
                            {{ session('success') ?? session('error') }}
                        </div>
                    @endif

                    <form action="{{route('admin.index.form')}}" method="post" enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            <div class="col-md-12">
                                <h4>Slider One</h4>
                                <label>Background Image</label>
                                <input name="bImage1" type="file" class="form-control">
                                <img src="{{asset('/admin/images/'.($data['bImage1'] ?? ''))}}" width="500px">
                                <br>
                                <label>Title</label>
                                <input name="title1" type="text" class="form-control" placeholder="Welcome Input" value="{{$data['title1'] ?? ''}}" required>
                                <label>Image Section</label>
                                <input name="image1" type="file" class="form-control" >
                                <img src="{{asset('/admin/images/'.($data['image1'] ?? ''))}}" width="500px">
                                <br>
                                <label>Description</label>
                                <textarea name="description1" type="text" class="form-control" rows="5"
                                          placeholder="Description Input" required>{{$data['description1'] ?? ''}}</textarea>
                            </div>
                        </div>
                        <br><br>
                        <div class="row">
                            <div class="col-md-12">
                                <h4>Slider Two</h4>
                                <label>Background Image</label>
                                <input name="bImage2" type="file" class="form-control" >
                                <img src="{{asset('/admin/images/'.($data['bImage2'] ?? ''))}}" width="500px">
                                <br>
                                <label>Title</label>
                                <input name="title2" type="text" class="form-control" placeholder="Welcome Input" value="{{$data['title2'] ?? ''}}" required>
                                <label>Image Section</label>
                                <input name="image2" type="file" class="form-control" >
                                <img src="{{asset('/admin/images/'.($data['image2'] ?? ''))}}" width="500px">
                                <br>
                                <label>Description</label>
                                <textarea name="description2" type="text" class="form-control" rows="5"
                                          placeholder="Description Input" required>{{$data['description2'] ?? ''}}</textarea>
                            </div>
                        </div>
                        <br><br>
                        <div class="row">
                            <div class="col-md-12">
                                <h4>Slider Three</h4>
                                <label>Background Image</label>
                                <input name="bImage3" type="file" class="form-control" >
                                <img src="{{asset('/admin/images/'.($data['bImage3'] ?? ''))}}" width="500px">
                                <br>
                                <label>Title</label>
                                <input name="title3" type="text" class="form-control" placeholder="Welcome Input" value="{{$data['title3'] ?? ''}}" required>
                                <label>Image Section</label>
                                <input name="image3" type="file" class="form-control" >
                                <img src="{{asset('/admin/images/'.($data['image3'] ?? ''))}}" width="500px">
                                <br>
                                <label>Description</label>
                                <textarea name="description3" type="text" class="form-control" rows="5"
                                          placeholder="Description Input" required>{{$data['description3'] ?? ''}}</textarea>
                            </div>
                        </div>
                        <br>
                        <br><br>
                        <div class="row">
                            <div class="col-md-12">
                                <h1>You Can Shine Bright Now Section</h1>
                                <h4>URL One</h4>
                                <label>Background Image</label>
                                <input name="bImage5" type="file" class="form-control" >
                                <img src="{{asset('/admin/images/'.($data['bImage5'] ?? ''))}}" width="500px">
                                <br>
                                <label>URL</label>
                                <input name="url1" type="url" class="form-control" placeholder="Welcome Input" value="{{$data['url1'] ?? ''}}" required>
                                <br>

                            </div>

                            <div class="col-md-12">
                                <h4>URL Two</h4>
                                <label>Background Image</label>
                                <input name="bImage6" type="file" class="form-control" >
                                <img src="{{asset('/admin/images/'.($data['bImage6'] ?? ''))}}" width="500px">
                                <br>
                                <label>URL</label>
                                <input name="url2" type="url" class="form-control" placeholder="Welcome Input" value="{{$data['url2'] ?? ''}}" required>
                                <br>
                            </div>

                            <div class="col-md-12">
                                <h4>URL Three</h4>
                                <label>Background Image</label>
                                <input name="bImage7" type="file" class="form-control" >
                                <img src="{{asset('/admin/images/'.($data['bImage7'] ?? ''))}}" width="500px">
                                <br>
                                <label>URL</label>
                                <input name="url3" type="url" class="form-control" placeholder="Welcome Input" value="{{$data['url3'] ?? ''}}" required>
                                <br>
                            </div>
                        </div>
                        <br>
                        <button type="submit" class="btn btn-success">Submit</button>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection