@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 Popup</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 Popup</li>
                    </ol>
                </div>

            </div>
        </div>
    </div>
    <!-- end page title -->
    <form action="{{ route('popups.store') }}" id="storeCustomForm" method="POST">
        @csrf
        <div class="row">
            <div class="col-xl-9">
                <div class="mb-4">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-7">
                                {{ createText('title', 'title', 'Title') }}
                            </div>

                            <div class="col-lg-5">
                                <x-input-label for="end_date" :value="__('Display Until (Leave Empty if not specific)')" />
                                <x-text-input id="end_date" class="form-control" type="date" name="end_date"
                                    :value="old('end_date')" />
                                <x-input-error :messages="$errors->get('end_date')" class="mt-2" />
                            </div>
    
                            <div class="col-lg-6">
                                <x-input-label for="button" :value="__('Button Label')" />
                                <x-text-input id="button" class="form-control" type="text" name="btn_label"
                                    :value="old('btn_label')" />
                                <x-input-error :messages="$errors->get('btn_label')" class="mt-2" />
                                <p class="text-muted fs-12 mt-2 ms-2">Note: Show button to redirect to specific url</p>
                            </div>
    
                            <div class="col-lg-6">
                                <x-input-label for="link" :value="__('Button Link')" />
                                <x-text-input id="link" class="form-control" type="text" name="btn_link"
                                    :value="old('btn_link')" />
                                <x-input-error :messages="$errors->get('btn_link')" class="mt-2" />
                            </div>
    
                            <div class="col-lg-12 mt-2">
                                {{ createTextarea('text', 'text ckeditor-classic', 'Description') }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3">
                <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" name="status"
                                @checked(true)>
                            <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('popups.index')); ?>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title mb-0">Banner</h4>
                    </div>
                    <div class="card-body">
                        <div class="col-lg-12 pb-2">{{ createImageInput('photo', 'Photo') }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endsection