@extends('backend.template')
@section('content')
 <!-- start page title -->
 <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                <h4 class="mb-sm-0">Add Slider</h4>


                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboards</a></li>
                        <li class="breadcrumb-item active">Add Slider</li>
                    </ol>
                </div>

            </div>
        </div>
    </div>
    <!-- end page title --> 
    <form action="{{ route('sliders.store') }}" id="storeCustomForm" method="POST">
        @csrf
        <div class="row">
                <div class="col-xl-9">
<div class="card">
        <div class="card-body">
                <div class="row">
                <div class="col-lg-12">{{ createText('slider_title', 'slider_title', 'Slider Title') }}
                </div>
                <div class="col-lg-12">{{ createText('slider_desc', 'slider_desc', 'Slider Desc') }}
                </div>
                <div class="col-lg-6">{{ createText('url1', 'url1', 'Url 1') }}
                </div>
                <div class="col-lg-6">{{ createText('url2', 'url2', 'Url 2') }}
                </div>
        </div>
        </div>
</div>
                </div>
                <div class="col-xl-3">
                        <div class="card">
                                <div class="card-header">
                                        <h4 class="card-title mb-0">Slider Image</h4>
                                </div>
                                <div class="card-body">
                                        <div class="col-lg-12 pb-2">{{ createImageInput('thumb', '') }}
                                        </div>
                                </div>
                        </div>
                        <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title mb-0">Published</h4>
                                </div>
                                <div class="card-body">
                                    <div class="form-check form-switch form-switch-lg form-switch-success mb-3" dir="ltr">
                                        <input type="checkbox" class="form-check-input" id="customSwitchsizelg" checked="">
                                        <label class="form-check-label" for="customSwitchsizelg">Active</label>
                                    </div>
                                </div>
                                <div class="card-footer">
                                    <?php createButton('btn-primary btn-store', '', 'Submit'); ?>
                                    <?php createButton('btn-danger btn-cancel', '', 'Cancel', route('sliders.index')); ?>
                                </div>
                            </div>
                </div>
        </div>

    </form>

    
@endsection