@extends('master.back')

@section('content')

<div class="container-fluid">

	<!-- Page Heading -->
    <div class="card mb-4">
        <div class="card-body">
            <div class="d-sm-flex align-items-center justify-content-between">
                <h3 class=" mb-0 bc-title"><b>{{ __('Create Slider') }}</b> </h3>
                <a class="btn btn-primary btn-sm" href="{{route('back.slider.index')}}"><i class="fas fa-chevron-left"></i> {{ __('Back') }}</a>
                </div>
        </div>
    </div>

	<!-- Form -->
	<div class="row">

		<div class="col-xl-12 col-lg-12 col-md-12">
			<div class="card o-hidden border-0 shadow-lg">
				<div class="card-body ">
					<!-- Nested Row within Card Body -->
					<div class="row justify-content-center">
						<div class="col-lg-12">

						</div>
					</div>

                    <!-- HOME 1 -->




                    
                    <!-- HOME 1 -->



                    
                    <div class="row">
                        <div class="col-lg-12">
                            <ul class="nav nav-pills nav-secondary" id="pills-tab" role="tablist">
                                <li class="nav-item">
                                  <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true">{{ __('Home 1') }}</a>
                                </li>
                                <!-- <li class="nav-item">
                                  <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false">{{ __('Home 2') }}</a>
                                </li>
                                <li class="nav-item">
                                  <a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false">{{ __('Home 3') }}</a>
                                </li>
                                <li class="nav-item">
                                  <a class="nav-link" id="pills-home4-tab" data-toggle="pill" href="#pills-home4" role="tab" aria-controls="pills-home4" aria-selected="false">{{ __('Home 4') }}</a>
                                </li> -->
                              </ul>
                              <div class="tab-content" id="pills-tabContent">
                                <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
                                    <form  action="{{ route('back.slider.store') }}" method="POST"
                                        enctype="multipart/form-data">

                                        @csrf
                                        <input type="hidden" name="home_page" value="theme1" id="">
                                        @include('alerts.alerts')
                                        <!-- <div class="form-group">
                                            <label id="change_label" for="name">{{ __('Brand Logo') }} </label>
                                            <br>
                                                <img class="admin-img" src="{{  asset('assets/images/placeholder.png') }}"
                                                    alt="No Image Found">
                                            <br>
                                            <span id="change_message" class="mt-1">{{ __('Image Size Should Be 130 x 40') }}</span>
                                        </div> -->

                                        <!-- <div class="form-group position-relative">
                                            <label class="file">
                                                <input type="file"  accept="image/*"  class="upload-photo" name="logo" id="file"
                                                    aria-label="File browser example" >
                                                <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                            </label>
                                        </div> -->

                                        <!-- <div class="form-group">
                                            <label for="title">{{ __('Title') }} *</label>
                                            <input type="text" name="title" class="form-control" id="title"
                                                placeholder="{{ __('Enter Title') }}" value="{{ old('title') }}" >
                                        </div> -->
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label for="slider-link">{{ __('Link') }} *</label>
                                                    <input type="text" name="link" class="form-control" id="slider-link"
                                                        placeholder="{{ __('Enter Link') }}" value="{{ old('link') }}" >
                                                </div>
                                            </div>
    
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label for="slider-link">{{ __('OrderBy') }} *</label>
                                                        <select name="orderby" id="OrderBy" class="form-control" required>
                                                            <option value="1" >1</option>
                                                            <option value="2" >2</option>
                                                            <option value="3" >3</option>
                                                            <option value="4" >4</option>
                                                            <option value="5" >5</option>
                                                            <option value="6" >6</option>
                                                            <option value="7" >7</option>
                                                            <option value="8" >8</option>
                                                            <option value="9" >9</option>
                                                            <option value="10" >10</option>
                                                           
                                                        </select>
                                                </div>
                                            </div>
                                         
                                        </div>
                               
                                     
                                     

                                        <!-- <div class="form-group">
                                            <label for="details">{{ __('Details') }} *</label>
                                            <textarea name="details" id="details" class="form-control" rows="5"
                                                placeholder="{{ __('Enter Details') }}"
                                                ></textarea>
                                        </div> -->

                                        <div class="form-group">
                                            <label id="slider_text"  for="name">{{ __('Set Slider Image') }} *</label>
                                            <br>
                                                <img class="admin-img" src="{{  asset('assets/images/placeholder.png') }}"
                                                    alt="No Image Found">
                                            <br>
                                            <span id="chenge_label2" class="mt-1">{{ __('Image Size Should Be 1500 x 505 ') }}</span>
                                        </div>

                                        <div class="form-group position-relative ">
                                            <label class="file">
                                                <input type="file"  accept="image/*"  class="upload-photo" name="photo" id="file"
                                                    aria-label="File browser example" >
                                                <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                            </label>
                                        </div>

                                        <div class="form-group">
                                            <button type="submit"
                                                class="btn btn-secondary ">{{ __('Submit') }}</button>
                                        </div>

                                    </form>
                                </div>

                                
                    <!-- HOME 1 -->



                    
                    <!-- HOME 2 -->

                                <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
                                    <form  action="{{ route('back.slider.store') }}" method="POST"
                                        enctype="multipart/form-data">

                                        @csrf
                                        <input type="hidden" name="home_page" value="theme2" id="">
                                        @include('alerts.alerts')
                                        <div class="form-group">
                                            <label id="change_label" for="name">{{ __('Brand Logo') }} </label>
                                            <br>
                                                <img class="admin-img" src="{{  asset('assets/images/placeholder.png') }}"
                                                    alt="No Image Found">
                                            <br>
                                            <span id="change_message" class="mt-1">{{ __('Image Size Should Be 130 x 40') }}</span>
                                        </div>

                                        <div class="form-group position-relative">
                                            <label class="file">
                                                <input type="file"  accept="image/*"  class="upload-photo" name="logo" id="file"
                                                    aria-label="File browser example" >
                                                <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                            </label>
                                        </div>

                                        <div class="form-group">
                                            <label for="title">{{ __('Title') }} *</label>
                                            <input type="text" name="title" class="form-control" id="title"
                                                placeholder="{{ __('Enter Title') }}" value="{{ old('title') }}" >
                                        </div>

                                        <div class="form-group">
                                            <label for="slider-link">{{ __('Link') }} *</label>
                                            <input type="text" name="link" class="form-control" id="slider-link"
                                                placeholder="{{ __('Enter Link') }}" value="{{ old('link') }}" >
                                        </div>

                                        <div class="form-group">
                                            <label for="details">{{ __('Details') }} *</label>
                                            <textarea name="details" id="details" class="form-control" rows="5"
                                                placeholder="{{ __('Enter Details') }}"
                                                ></textarea>
                                        </div>

                                        <div class="form-group">
                                            <label id="slider_text"  for="name">{{ __('Set Slider Image') }} *</label>
                                            <br>
                                                <img class="admin-img" src="{{  asset('assets/images/placeholder.png') }}"
                                                    alt="No Image Found">
                                            <br>
                                            <span id="chenge_label2" class="mt-1">{{ __('Image Size Should Be 1296 x 530 ') }}</span>
                                        </div>

                                        <div class="form-group position-relative ">
                                            <label class="file">
                                                <input type="file"  accept="image/*"  class="upload-photo" name="photo" id="file"
                                                    aria-label="File browser example" >
                                                <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                            </label>
                                        </div>

                                        <div class="form-group">
                                            <button type="submit"
                                                class="btn btn-secondary ">{{ __('Submit') }}</button>
                                        </div>

                                    </form>
                                </div>


                    <!-- HOME 2 -->




                    
                    <!-- HOME 3 -->
                                <div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
                                    <form  action="{{ route('back.slider.store') }}" method="POST"
                                        enctype="multipart/form-data">

                                        @csrf
                                        <input type="hidden" name="home_page" value="theme3" id="">
                                        @include('alerts.alerts')
                                        <div class="form-group">
                                            <label id="change_label" for="name">{{ __('Feature Image') }} </label>
                                            <br>
                                                <img class="admin-img" src="{{  asset('assets/images/placeholder.png') }}"
                                                    alt="No Image Found">
                                            <br>
                                            <span id="change_message" class="mt-1">{{ __('Image Size Should Be 320 x 320') }}</span>
                                        </div>

                                        <div class="form-group position-relative">
                                            <label class="file">
                                                <input type="file"  accept="image/*"  class="upload-photo" name="logo" id="file"
                                                    aria-label="File browser example" >
                                                <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                            </label>
                                        </div>

                                        <div class="form-group">
                                            <label for="title">{{ __('Title') }} *</label>
                                            <input type="text" name="title" class="form-control" id="title"
                                                placeholder="{{ __('Enter Title') }}" value="{{ old('title') }}" >
                                        </div>

                                        <div class="form-group">
                                            <label for="slider-link">{{ __('Link') }} *</label>
                                            <input type="text" name="link" class="form-control" id="slider-link"
                                                placeholder="{{ __('Enter Link') }}" value="{{ old('link') }}" >
                                        </div>

                                        <div class="form-group">
                                            <label for="details">{{ __('Details') }} *</label>
                                            <textarea name="details" id="details" class="form-control" rows="5"
                                                placeholder="{{ __('Enter Details') }}"
                                                ></textarea>
                                        </div>

                                        <div class="form-group">
                                            <label id="slider_text"  for="name">{{ __('Set Slider Image') }} *</label>
                                            <br>
                                                <img class="admin-img" src="{{  asset('assets/images/placeholder.png') }}"
                                                    alt="No Image Found">
                                            <br>
                                            <span id="chenge_label2" class="mt-1">{{ __('Image Size Should Be 1903 x 570 ') }}</span>
                                        </div>

                                        <div class="form-group position-relative ">
                                            <label class="file">
                                                <input type="file"  accept="image/*"  class="upload-photo" name="photo" id="file"
                                                    aria-label="File browser example" >
                                                <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                            </label>
                                        </div>

                                        <div class="form-group">
                                            <button type="submit"
                                                class="btn btn-secondary ">{{ __('Submit') }}</button>
                                        </div>

                                    </form>
                                </div>



                    <!-- HOME 3 -->




                    
                    <!-- HOME 4 -->
                                <div class="tab-pane fade" id="pills-home4" role="tabpanel" aria-labelledby="pills-home4-tab"><form  action="{{ route('back.slider.store') }}" method="POST"
                                    enctype="multipart/form-data">

                                    @csrf

                                    @include('alerts.alerts')

                                    <input type="hidden" name="home_page" value="theme4" id="">
                                    <input type="hidden" name="title" class="form-control" id="title"
                                    placeholder="{{ __('Enter Title') }}" value="theme 4" >

                                    <div class="form-group">
                                        <label for="slider-link">{{ __('Link') }} *</label>
                                        <input type="text" name="link" class="form-control" id="slider-link"
                                            placeholder="{{ __('Enter Link') }}" value="{{ old('link') }}" >
                                    </div>

                                    <input name="details" type="hidden" id="details" value="theme4" class="form-control" rows="5"
                                    placeholder="{{ __('Enter Details') }}"
                                    >

                                    <div class="form-group">
                                        <label id="slider_text"  for="name">{{ __('Set Slider Image') }} *</label>
                                        <br>
                                            <img class="admin-img" src="{{  asset('assets/images/placeholder.png') }}"
                                                alt="No Image Found">
                                        <br>
                                        <span id="chenge_label2" class="mt-1">{{ __('Image Size Should Be 1000 x 530 ') }}</span>
                                    </div>

                                    <div class="form-group position-relative ">
                                        <label class="file">
                                            <input type="file"  accept="image/*"  class="upload-photo" name="photo" id="file"
                                                aria-label="File browser example" >
                                            <span class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                        </label>
                                    </div>

                                    <div class="form-group">
                                        <button type="submit"
                                            class="btn btn-secondary ">{{ __('Submit') }}</button>
                                    </div>

                                </form></div>


                    <!-- HOME 4 -->


                              </div>
                        </div>
                    </div>

			</div>

		</div>

	</div>

</div>

@endsection