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

            </div>
        </div>
    </div>
    <!-- end page title -->
    <form action="{{ route('programs.store') }}" id="storeCustomForm" method="POST">
        @csrf
        <div class="row">
            <div class="col-xl-9">
                <div class="card">
                    <div class="card-body">
                        <div class="col-lg-12">{{ createText('title', 'title', 'Title') }}
                        </div>
                        <div class="border mt-3 border-dashed"></div>
                        <div class="col-lg-12 pb-2">
                            {{ createTextarea('details', 'details ckeditor-classic', 'Descriptions') }}
                        </div>
                        <div class="border mt-3 border-dashed"></div>
                        {{ createPlainTextarea('required_documents', 'required_documents ', 'Required Documents') }}

                        {{ createPlainTextarea('qualification', 'qualification ', 'Qualification') }}

                        {{ createPlainTextArea('remarks', 'remarks ', 'Remarks') }}
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title mb-0">SEO</h4>
                    </div>
                    <div class="card-body">

                        <div class="col-lg-12">{{ createText('seo_title', 'seo_title', 'Seo Title') }}
                        </div>
                        <div class="col-lg-12 pb-2">
                            {{ createPlainTextArea('seo_keywords', 'seo_keywords ', 'Seo Keywords') }}
                        </div>
                        <div class="col-lg-12 pb-2">
                            {{ createPlainTextArea('seo_descriptions', 'seo_descriptions ', 'Seo Descriptions') }}
                        </div>
                        <div class="col-lg-12 pb-2">{{ createPlainTextArea('og_tags', 'og_tags ', 'Og Tags') }}
                        </div>
                    </div>
                </div>


            </div>
            <div class="col-xl-3">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title mb-0">Attributes</h4>
                    </div>
                    <div class="card-body">
                        {{ createCustomSelect('tbl_countries', 'title', 'country_id', '', 'Countries Id', 'countries_id', 'form-control select2', 'status<>-1') }}
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title mb-0">Images</h4>
                    </div>
                    <div class="card-body">
                        {{ createImageInput('image', 'Image') }}
                        <div class="border mb-3 border-dashed"></div>
                        {{ createImageInput('thumb', 'Thumb') }}
                        <div class="border mb-3 border-dashed"></div>
                        {{ createImageInput('cover', 'Cover') }}
                    </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('programs.index')); ?>
                    </div>
                </div>
            </div>
        </div>

    </form>
@endsection