@extends('layouts.admin-layouts.admin-master')
@section('content')

<script src="//cdn.jsdelivr.net/npm/sweetalert2@10"></script>


<div class="page-heading">
    <h1 class="page-title">Slider Hero</h1>

</div>
<div class="page-content fade-in-up">
    <div class="row">
        <div class="col-md-12">
            <div class="ibox ibox-fullheight">
                <div class="ibox-head">
                    <div class="ibox-title">Add Image</div>
                </div>
                <form class="form-info" action="{{ route('sliderhero.store') }}" method="post"
                    enctype="multipart/form-data">
                    @csrf
                    <div class="ibox-body">
                        <div class="row">
                            <div class="col-sm-6 form-group mt-3 mb-0">
                                <label>English Title</label>
                                <input class="form-control text-right " type="text" placeholder="Add English Title" name='english_title'>

                                @error('english_title')
                                <span style="color:red">{{$message}}</span>
                                @enderror

                            </div>
                            <div class="col-sm-6 form-group mt-3 mb-0">
                                <label>Urdu Title</label>
                                <input class="form-control text-right " type="text" placeholder="Add Urdu Title" name='urdu_title'
                                 style="font-family: Nafees">

                                @error('urdu_title')
                                <span style="color:red">{{$message}}</span>
                                @enderror

                            </div>
                            <div class="col-sm-6 form-group mt-3">
                                <div class="form-group">
                                    <label for="exampleFormControlTextarea1">Add English Description to slider Hero</label>
                                    <textarea class="form-control" name="english_description" rows="5"></textarea>
                                </div>

                                @error('english_description')
                                <span style="color:red">{{$message}}</span>
                                @enderror

                            </div>
                            <div class="col-sm-6 form-group mt-3">
                                <div class="form-group">
                                    <label for="exampleFormControlTextarea1">Add Urdu Description to slider Hero</label>
                                    <textarea class="form-control" name="urdu_description" rows="5" style="font-family: Nafees"></textarea>
                                </div>

                                @error('urdu_description')
                                <span style="color:red">{{$message}}</span>
                                @enderror

                            </div>
                            <div class="col-sm-12 form-group mb-0">
                                <div class="form-group">
                                    <label>Select Page</label>
                                    <select class="selectpicker show-tick form-control" data-style="btn-secondary" name="page_id">
                                        <option value=''>Select Page</option>
                                        @foreach ($pages as $page)
                                        <option value='{{$page->id}}'>{{$page->name}}</option>
                                        @endforeach
                                    </select>

                                </div>

                                @error('page_id')
                                <span style="color:red">{{$message}}</span>
                                @enderror

                            </div>

                            <div class="col-sm-6 form-group  mt-3">
                                <label class="form-label" for="customFile">Upload English Title Image</label><br>
                                <input type="file" name="english_title_image">

                                @error('english_title_image')
                                <span style="color:red">{{$message}}</span>
                                @enderror

                            </div>
                            <div class="col-sm-6 form-group  mt-3">
                                <label class="form-label" for="customFile">Upload Urdu Title Image</label><br>
                                <input type="file" name="urdu_title_image">

                                @error('urdu_title_image')
                                <span style="color:red">{{$message}}</span>
                                @enderror

                            </div>

                            <div class="col-sm-6 form-group  mt-3">
                                <label class="form-label" for="customFile">Upload English Background Image</label><br>
                                <input type="file" name="english_image" required>

                                @error('english_image')
                                <span style="color:red">{{$message}}</span>
                                @enderror

                            </div>
                            <div class="col-sm-6 form-group  mt-3">
                                <label class="form-label" for="customFile">Upload Urdu Background Image</label><br>
                                <input type="file" name="urdu_image" required>

                                @error('urdu_image')
                                <span style="color:red">{{$message}}</span>
                                @enderror

                            </div>
                            




                        </div>
                    </div>

                    <div class="ibox-footer">
                        <button class="btn btn-info mr-2" type="submit">Add</button>
                        <a href="{{route('admin.sliderview')}}"><button class="btn btn-secondary" type="button">Cancel</button></a>
                    </div>


                    @if (\Session::has('storedata'))

                    <script>
                        const load = () => {
                            Swal.fire({

                                icon: 'success',
                                title: 'Image uploaded Successfully!',
                                showConfirmButton: false,
                                timer: 1000
                            })
                        }
                        window.onload = load;

                    </script>
                    @endif
                </form>
            </div>
        </div>

    </div>


</div>


@endsection