@extends('layout')
@section('content')
    <div class="page-content">
        <div class="container-fluid">

            <!-- 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 font-size-18">DEFAULT</h4>


                    </div>
                </div>
            </div>
            <!-- end page title -->

            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">

                            <form method="post" enctype="multipart/form-data" class="needs-validation" novalidate >
                                @csrf

                                <div class="row">

                                    <div class="col-lg-6 mt-4">
                                        <div>
                                            <label class="form-label">Meta Title</label>
                                            <textarea required class="form-control" type="text" name="{{$data["META_TITLE"]["key"]}}">{{$data["META_TITLE"]["value"]}}</textarea>
                                        </div>
                                    </div>

                                    <div class="col-lg-6 mt-4">
                                        <div>
                                            <label class="form-label">Meta Description</label>
                                            <textarea required class="form-control" type="text" name="{{$data["META_DESC"]["key"]}}">{{$data["META_DESC"]["value"]}}</textarea>
                                        </div>
                                    </div>
                                    <style>
                                        .nobr br {display: none;}
                                    </style>
                                    <div class="col-lg-6 mt-4">
                                        <div>
                                            <label class="form-label">Address Voss</label>
                                            <textarea required class="form-control nobr" type="text" name="{{$data["ADDRESS_VOSS"]["key"]}}"></textarea>
                                        </div>
                                    </div>

                                    <div class="col-lg-6 mt-4">
                                        <div>
                                            <label class="form-label">Telephone Voss</label>
                                            <textarea required class="form-control" type="text" name="{{$data["TELEPHONE_VOSS"]["key"]}}">{{$data["TELEPHONE_VOSS"]["value"]}}</textarea>
                                        </div>
                                    </div>

                                    <div class="col-lg-6 mt-4">
                                        <div>
                                            <label class="form-label">Whatsapp Voss</label>
                                            <textarea required class="form-control" type="text" name="{{$data["WHATSAPP_VOSS"]["key"]}}">{{$data["WHATSAPP_VOSS"]["value"]}}</textarea>
                                        </div>
                                    </div>

                                    <div class="col-lg-6 mt-4">
                                        <div>
                                            <label class="form-label">Email Voss</label>
                                            <textarea required class="form-control" type="text" name="{{$data["EMAIL_VOSS"]["key"]}}">{{$data["EMAIL_VOSS"]["value"]}}</textarea>
                                        </div>
                                    </div>

                                    <div class="col-lg-6 mt-4">
                                        <div>
                                            <label class="form-label">Facebook Voss</label>
                                            <textarea required class="form-control" type="text" name="{{$data["FACEBOOK_VOSS"]["key"]}}">{{$data["FACEBOOK_VOSS"]["value"]}}</textarea>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 mt-4">
                                        <div>
                                            <label class="form-label">Instagram Voss</label>
                                            <textarea required class="form-control" type="text" name="{{$data["INSTAGRAM_VOSS"]["key"]}}">{{$data["INSTAGRAM_VOSS"]["value"]}}</textarea>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 mt-4">
                                        <div>
                                            <label class="form-label">Tiktok Voss</label>
                                            <textarea required class="form-control" type="text" name="{{$data["TIKTOK_VOSS"]["key"]}}">{{$data["TIKTOK_VOSS"]["value"]}}</textarea>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 mt-4">
                                        <div>
                                            <label class="form-label">Youtube Voss</label>
                                            <textarea required class="form-control" type="text" name="{{$data["YOUTUBE_ID_VOSS"]["key"]}}">{{$data["YOUTUBE_ID_VOSS"]["value"]}}</textarea>
                                        </div>
                                    </div>


                                </div>



                                <diV>
                                    <button type="submit" class="btn btn-success waves-effect waves-light mt-5"
                                            style="float: right;">Simpan
                                    </button>
                                </diV>

                            </form>

                        </div>
                    </div>
                </div> <!-- end col -->
            </div> <!-- end row -->


        </div> <!-- container-fluid -->
    </div>


    <!-- End Page-content -->
@endsection