@extends('admin.master')

@section('title')
    Vision and Mission
@endsection

@section('content')
    <!--begin::Card-->
    <div class="card card-custom gutter-b example example-compact card-collapsed" data-card="true" id="kt_card_4">
        <div class="card-header">
            <h3 class="card-title">
                Edit Vision and Mission
            </h3>
            <div class="card-toolbar">
                <a href="#" class="btn btn-icon btn-sm btn-light-primary mr-1" data-card-tool="toggle">
                    <i class="ki ki-arrow-down icon-nm"></i>
                </a>
            </div>
        </div>

        <form class="form" action="{{ route('vision-missions.update', $item->id) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="card-body">

                <div class="form-group row">
                    <div class="col-lg-12">
                        <label>Vision Detail:</label>
                        <textarea class="summernote" id="kt_summernote_1" name="vision_detail">{{ old('vision_detail', $item->vision_detail) }}</textarea>
                        @error('vision_detail')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="form-group row">
                    <div class="col-lg-12">
                        <label>Mission Detail:</label>
                        <textarea class="summernote" id="kt_summernote_1" name="mission_detail">{{ old('mission_detail', $item->mission_detail) }}</textarea>
                        @error('mission_detail')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="form-group row">
                    <div class="col-lg-6">
                        <div class="bg-gray-200 rounded p-5">
                            <label>SEO Title:</label>
                            <input type="text" name="seo_title" class="form-control mb-2" placeholder="Enter vision mission seo title here" value="{{ old('seo_title', $item->seo_title) }}" required />
                            @error('seo_title')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="bg-gray-200 rounded p-5">
                            <label>SEO Keywords:</label>
                            <input type="text" name="seo_keywords" class="form-control mb-2" placeholder="Enter vision mission seo keywords here" value="{{ old('seo_keywords', $item->seo_keywords) }}" required />
                            @error('seo_keywords')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="form-group row">
                    <div class="col-lg-12">
                        <div class="bg-gray-200 rounded p-5">
                            <label>SEO Description: </label>
                            <textarea name="seo_description" rows="3" class="form-control" placeholder="Enter vision mission seo description">{{ old('seo_description', $item->seo_description) }}</textarea>
                            @error('seo_description')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                </div>

            </div>

            <div class="card-footer">
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <button type="submit" class="btn btn-success mr-2">Edit Mission and Vision</button>
                    </div>
                </div>
            </div>
        </form>

    </div>
    <!--end::Card-->


    <!--begin::Card-->
    <div class="card card-custom gutter-b">
        <div class="card-body">
            <!--begin::Top-->
            <div class="d-flex">

                <!--begin: Info-->
                <div class="flex-grow-1">
                    <!--begin::Title-->
                    <div class="d-flex align-items-center justify-content-between flex-wrap mt-2">
                        <!--begin::User-->
                        <div class="mr-3">
                            <!--begin::Name-->
                            <div class="d-flex align-items-center text-dark font-size-h5 font-weight-bold mr-3">
                                Mission
                            </div>
                            <!--end::Name-->


                            <!--end::Contacts-->
                        </div>
                        <!--begin::User-->

                    </div>
                    <!--end::Title-->

                    <!--begin::Content-->
                    <div class="d-flex align-items-center flex-wrap justify-content-between">
                        <!--begin::Description-->
                        <div class="flex-grow-1 font-weight-bold text-dark-50 py-2 py-lg-2 mr-5">
                            {!! $item->mission_detail !!}
                        </div>
                        <!--end::Description-->

                    </div>
                    <!--end::Content-->
                </div>
                <!--end::Info-->
            </div>
            <!--end::Top-->

        </div>
    </div>
    <!--end::Card-->


    <!--begin::Card-->
    <div class="card card-custom gutter-b">
        <div class="card-body">
            <!--begin::Top-->
            <div class="d-flex">

                <!--begin: Info-->
                <div class="flex-grow-1">
                    <!--begin::Title-->
                    <div class="d-flex align-items-center justify-content-between flex-wrap mt-2">
                        <!--begin::User-->
                        <div class="mr-3">
                            <!--begin::Name-->
                            <div class="d-flex align-items-center text-dark font-size-h5 font-weight-bold mr-3">
                                Vision
                            </div>
                            <!--end::Name-->


                            <!--end::Contacts-->
                        </div>
                        <!--begin::User-->

                    </div>
                    <!--end::Title-->

                    <!--begin::Content-->
                    <div class="d-flex align-items-center flex-wrap justify-content-between">
                        <!--begin::Description-->
                        <div class="flex-grow-1 font-weight-bold text-dark-50 py-2 py-lg-2 mr-5">
                            {!! $item->vision_detail !!}
                        </div>
                        <!--end::Description-->

                    </div>
                    <!--end::Content-->
                </div>
                <!--end::Info-->
            </div>
            <!--end::Top-->

        </div>
    </div>
    <!--end::Card-->

    <!--begin::Card-->
    <div class="card card-custom gutter-b">
        <div class="card-body">
            <!--begin::Top-->
            <div class="d-flex">

                <!--begin: Info-->
                <div class="flex-grow-1">
                    <!--begin::Title-->
                    <div class="d-flex align-items-center justify-content-between flex-wrap mt-2">
                        <!--begin::User-->
                        <div class="mr-3">
                            <!--begin::Name-->
                            <div class="d-flex align-items-center text-dark font-size-h5 font-weight-bold mr-3">
                                SEO Title
                            </div>
                            <!--end::Name-->


                            <!--end::Contacts-->
                        </div>
                        <!--begin::User-->

                    </div>
                    <!--end::Title-->

                    <!--begin::Content-->
                    <div class="d-flex align-items-center flex-wrap justify-content-between">
                        <!--begin::SEO Title-->
                        <div class="flex-grow-1 font-weight-bold text-dark-50 py-2 py-lg-2 mr-5">
                            {!! $item->seo_title !!}
                        </div>
                        <!--end::SEO Title-->

                    </div>
                    <!--end::Content-->
                </div>
                <!--end::Info-->

                <!--begin: Info-->
                <div class="flex-grow-1">
                    <!--begin::Title-->
                    <div class="d-flex align-items-center justify-content-between flex-wrap mt-2">
                        <!--begin::User-->
                        <div class="mr-3">
                            <!--begin::Name-->
                            <div class="d-flex align-items-center text-dark font-size-h5 font-weight-bold mr-3">
                                SEO Keywords
                            </div>
                            <!--end::Name-->


                            <!--end::Contacts-->
                        </div>
                        <!--begin::User-->

                    </div>
                    <!--end::Title-->

                    <!--begin::Content-->
                    <div class="d-flex align-items-center flex-wrap justify-content-between">
                        <!--begin::SEO Keywords-->
                        <div class="flex-grow-1 font-weight-bold text-dark-50 py-2 py-lg-2 mr-5">
                            {!! $item->seo_keywords !!}
                        </div>
                        <!--end::SEO Keywords-->

                    </div>
                    <!--end::Content-->
                </div>
                <!--end::Info-->

                <!--begin: Info-->
                <div class="flex-grow-1">
                    <!--begin::Title-->
                    <div class="d-flex align-items-center justify-content-between flex-wrap mt-2">
                        <!--begin::User-->
                        <div class="mr-3">
                            <!--begin::Name-->
                            <div class="d-flex align-items-center text-dark font-size-h5 font-weight-bold mr-3">
                                SEO Description
                            </div>
                            <!--end::Name-->


                            <!--end::Contacts-->
                        </div>
                        <!--begin::User-->

                    </div>
                    <!--end::Title-->

                    <!--begin::Content-->
                    <div class="d-flex align-items-center flex-wrap justify-content-between">
                        <!--begin::SEO Description-->
                        <div class="flex-grow-1 font-weight-bold text-dark-50 py-2 py-lg-2 mr-5">
                            {!! $item->seo_description !!}
                        </div>
                        <!--end::SEO Description-->

                    </div>
                    <!--end::Content-->
                </div>
                <!--end::Info-->
            </div>
            <!--end::Top-->

        </div>
    </div>
    <!--end::Card-->
@endsection
