@extends('dashboard.layouts.layouts')

@section('title' , 'create slider')

@section('content')
    <section class="content-header">
        <h1>
            Slider
            <small>Add New Slider</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="https://www.accessdevelopments.com/access-admin"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="https://www.accessdevelopments.com/access-admin//slider">Slider</a></li>
            <li class="active">Add Slide</li>
        </ol>
    </section>
    @include('dashboard.layouts.messages')
    <section class="content">
        <form role="form" action="{{route('admin.slider.store')}}" enctype="multipart/form-data" method="post">
            @csrf
            <input type="hidden" name="parent" value="{{ isset($_GET['slider']) ? $_GET['slider'] : null }}">
            <div class="row">
                <!-- English Side -->
                <div class="col-md-6">
                    <div class="box box-primary">
                        <div class="box-header with-border">
                            <h3 class="box-title">Add Slide Info</h3>
                        </div>
                        <!-- /.box-header -->
                        <!-- form start -->
                        <div class="box-body">
                            <div class="form-group">
                                @if(isset($_GET['slider']))
                                <div class="col-lg-12">
                                    <label for="exampleInputEmail1"> URL</label>
                                    <input type="text" class="form-control" name="url" id="exampleInputEmail1" placeholder="Enter URL" value="{{old('url')}}">
                                    <p class="help-block">Enter Url of Slide If Exist</p>
                                </div>
                                @endif
                                <div class="col-lg-12">
                                    <label for="exampleInputEmail1"> Slide Title</label>
                                    <input type="text" class="form-control" name="title_en" id="exampleInputEmail1" placeholder="Enter Slide Title" value="{{old('title_en')}}">
                                    <p class="help-block">Enter Title of Slide</p>
                                </div>
                                    @if(isset($_GET['slider']))
                                <div class="col-lg-12">
                                    <label for="exampleInputEmail1"> Slide Description</label>
                                    <input type="text" class="form-control" name="description_en" id="exampleInputEmail1" placeholder="Enter Slide Description" value="{{old('description_en')}}">
                                    <p class="help-block">Enter Description of Slide</p>
                                </div>


                                <div class="col-lg-12">
                                    <label for="exampleInputEmail1"> Button</label>
                                    <input type="text" class="form-control" name="button_en" id="exampleInputEmail1" placeholder="Enter button text" value="{{old('button_en')}}">
                                    <p class="help-block">Enter Text on button </p>
                                </div>

                                <div class="col-lg-12">
                                    <label for="exampleInputEmail1"> Image</label>
                                    <input type="file" class="form-control" name="image_id" id="exampleInputEmail1" placeholder="Enter button text" {{old('image_id')}}>
                                    <p class="help-block"> Upload Slide Image <strong>Recommended High Resolution Image</strong> </p>
                                </div>

                                <div class="col-lg-12">
                                    <label for="exampleInputEmail1"> Alt Text</label>
                                    <input type="text" class="form-control" name="alt" id="exampleInputEmail1" placeholder="Enter Alt Text" value="{{old('alt')}}">
                                    <p class="help-block"> Enter Alt Text for Image to show it if image isn't loaded </p>
                                </div>
                               @endif
                            </div>
                        </div>
                        <div class="box-footer">
                            <div class="col-lg-12">
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Arabic Side -->
                <div class="col-md-6 arab_dir">
                    <div class="box box-primary">
                        <div class="box-header with-border">
                            <h3 class="box-title">أضف بيانات الصورة</h3>
                        </div>
                        <!-- .box-header -->
                        <!-- form start -->
                        <div class="box-body">
                            <div class="form-group">

                                <div class="col-lg-12">
                                    <label for="exampleInputEmail1"> عنوان الصورة</label>
                                    <input type="text" class="form-control" name="title_ar" id="exampleInputEmail1" placeholder="ادخل عنوان الصورة" value="{{old('title_ar')}}">
                                    <p class="help-block">أضف عنوان الصورة</p>
                                </div>
                                @if(isset($_GET['slider']))
                                <div class="col-lg-12">
                                    <label for="exampleInputEmail1"> وصف الصورة</label>
                                    <input type="text" class="form-control" name="description_ar" id="exampleInputEmail1" placeholder="ادخل وصف الصورة" value="{{old('description_ar')}}">
                                    <p class="help-block">ادخل وصف الصورة</p>
                                </div>

                                <div class="col-lg-12">
                                    <label for="exampleInputEmail1"> االزر</label>
                                    <input type="text" class="form-control" name="button_ar" id="exampleInputEmail1" placeholder="ادخل النص الخاص بالزر" value="{{old('button_ar')}}">
                                    <p class="help-block">ادخل النص المراد وضعه على الزر مثال : شاهد المزيد</p>
                                </div>
                               @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </section>
@endsection