@php
    $seo = \FCR::datosSEOCr();
@endphp
<div class="card mb-3">
    <div class="card-body">
        <h3>Dominio: clickrepuestos.cl</em></h3>
        <input type="hidden" name="" value="">
        <div class="row">
            <div class="col-md pr-md-5">
                <h3 class="py-3">SEO</h3>

                <div class="accordion" id="accordionExample">
                    <div class="card">
                        <div class="card-header" id="headingOne">
                            <h2 class="mb-0">
                                <button class="btn btn-accordion btn-link btn-block text-left" type="button"
                                    data-toggle="collapse" data-target="#collapseOne" aria-expanded="true"
                                    aria-controls="collapseOne">
                                    Home
                                </button>
                            </h2>
                        </div>
                        <div id="collapseOne" class="collapse show" aria-labelledby="headingOne"
                            data-parent="#accordionExample">
                            <div class="card-body">
                                <div class="row my-md-4">
                                    <div class="col">
                                        <label for="home-title" class="small">Title</label>
                                        <input type="text" name="home-title" id="home-title" class="form-control"
                                            value="{{ $seo->home_title ?? '' }}">
                                        <label for="home-meta-" class="small">Meta Descripción</label>
                                        <textarea name="home-meta" id="home-meta" class="form-control">{{ $seo->home_meta ?? '' }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="card">
                        <div class="card-header" id="headingThree">
                            <h2 class="mb-0">
                                <button class="btn btn-accordion btn-link btn-block text-left collapsed" type="button"
                                    data-toggle="collapse" data-target="#collapseThree" aria-expanded="false"
                                    aria-controls="collapseThree">
                                    Categorias
                                </button>
                            </h2>
                        </div>
                        <div id="collapseThree" class="collapse" aria-labelledby="headingThree"
                            data-parent="#accordionExample">
                            <div class="card-body">
                                <div class="row my-md-4">
                                    <div class="col">
                                        <div class="row">
                                            <div class="col">
                                                <label for="cat-title" class="small">Title</label>
                                            </div>
                                            <div class="col text-right">
                                                <select class="form-control-sm multiple" id="select-cat-title"
                                                    onchange="updInputSeo(this.value,'cat-title')">
                                                    <option value="">-- Insertar Variable --</option>
                                                    <option value="[nombre_categoria]">Categoria</option>
                                                    <option value="[nombre_sitio]">Nombre del sitio</option>
                                                </select>
                                            </div>
                                        </div>
                                        <input type="text" name="cat-title" id="cat-title"
                                            class="form-control inp-cat-title" value="{{ $seo->cat_title ?? '' }}">

                                        <div class="row mt-2">
                                            <div class="col">
                                                <label for="cat-meta" class="small">Meta Descripción</label>
                                            </div>
                                            <div class="col text-right">
                                                <select class="form-control-sm multiple" id="select-cat-title"
                                                    onchange="updInputSeo(this.value,'cat-meta')">
                                                    <option value="">-- Insertar Variable --</option>
                                                    <option value="[nombre_categoria]">Categoria</option>
                                                    <option value="[nombre_sitio]">Nombre del sitio</option>
                                                </select>
                                            </div>
                                        </div>
                                        <textarea name="cat-meta" id="cat-meta" class="form-control">{{ $seo->cat_meta ?? '' }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card">
                        <div class="card-header" id="headingFour">
                            <h2 class="mb-0">
                                <button class="btn btn-accordion btn-link btn-block text-left collapsed" type="button"
                                    data-toggle="collapse" data-target="#collapseFour" aria-expanded="false"
                                    aria-controls="collapseFour">
                                    Categorias + Vehículo (Marca)
                                </button>
                            </h2>
                        </div>
                        <div id="collapseFour" class="collapse" aria-labelledby="headingFour"
                            data-parent="#accordionExample">
                            <div class="card-body">
                                <div class="row my-md-4">

                                    <div class="col">
                                        <div class="row">
                                            <div class="col">
                                                <label for="cat-marc-title" class="small">Title</label>
                                            </div>
                                            <div class="col text-right">
                                                <select class="form-control-sm multiple"
                                                    onchange="updInputSeo(this.value,'cat-marc-title')">
                                                    <option value="">-- Insertar Variable --</option>
                                                    <option value="[nombre_categoria]">Categoria</option>
                                                    <option value="[marca_vehiculo] ">Marca Vehiculo</option>
                                                    <option value="[nombre_sitio]">Nombre del sitio</option>
                                                </select>
                                            </div>
                                        </div>

                                        <input type="text" name="cat-marc-title" id="cat-marc-title"
                                            class="form-control" value="{{ $seo->cat_marc_title ?? '' }}">

                                        <div class="row mt-2">
                                            <div class="col">
                                                <label for="cat-marc-meta" class="small">Meta Descripción</label>
                                            </div>
                                            <div class="col text-right">
                                                <select class="form-control-sm multiple"
                                                    onchange="updInputSeo(this.value,'cat-marc-meta')">
                                                    <option value="">-- Insertar Variable --</option>
                                                    <option value="[nombre_categoria]">Categoria</option>
                                                    <option value="[marca_vehiculo] ">Marca Vehiculo</option>
                                                    <option value="[nombre_sitio]">Nombre del sitio</option>
                                                </select>
                                            </div>
                                        </div>
                                        <textarea name="cat-marc-meta" id="cat-marc-meta" class="form-control">{{ $seo->cat_marc_meta ?? '' }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card">
                        <div class="card-header" id="headingFive">
                            <h2 class="mb-0">
                                <button class="btn btn-accordion btn-link btn-block text-left collapsed"
                                    type="button" data-toggle="collapse" data-target="#collapseFive"
                                    aria-expanded="false" aria-controls="collapseFive">
                                    Categorias + Vehículo (Marca y Modelo)
                                </button>
                            </h2>
                        </div>
                        <div id="collapseFive" class="collapse" aria-labelledby="headingFive"
                            data-parent="#accordionExample">
                            <div class="card-body">
                                <div class="row my-md-4">

                                    <div class="col">
                                        <div class="row">
                                            <div class="col">
                                                <label for="cat-marc-mode-title" class="small">Title</label>
                                            </div>
                                            <div class="col text-right">
                                                <select class="form-control-sm multiple"
                                                    onchange="updInputSeo(this.value,'cat-marc-mode-title')">
                                                    <option value="">-- Insertar Variable --</option>
                                                    <option value="[nombre_categoria]">Categoria</option>
                                                    <option value="[marca_vehiculo]">Marca Vehiculo</option>
                                                    <option value="[modelo_vehiculo]">Modelo Vehiculo</option>
                                                    <option value="[nombre_sitio]">Nombre del sitio</option>
                                                </select>
                                            </div>
                                        </div>
                                        <input type="text" name="cat-marc-mode-title" id="cat-marc-mode-title"
                                            class="form-control" value="{{ $seo->cat_marc_mode_title ?? '' }}">

                                        <div class="row mt-2">
                                            <div class="col">
                                                <label for="cat-marc-mode-meta" class="small">Meta
                                                    Descripción</label>
                                            </div>
                                            <div class="col text-right">
                                                <select class="form-control-sm multiple"
                                                    onchange="updInputSeo(this.value,'cat-marc-mode-meta')">
                                                    <option value="">-- Insertar Variable --</option>
                                                    <option value="[nombre_categoria]">Categoria</option>
                                                    <option value="[marca_vehiculo]">Marca Vehiculo</option>
                                                    <option value="[modelo_vehiculo]">Modelo Vehiculo</option>
                                                    <option value="[nombre_sitio]">Nombre del sitio</option>
                                                </select>
                                            </div>
                                        </div>
                                        <textarea name="cat-marc-mode-meta" id="cat-marc-mode-meta" class="form-control">{{ $seo->cat_marc_mode_meta ?? '' }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card">
                        <div class="card-header" id="headingSix">
                            <h2 class="mb-0">
                                <button class="btn btn-accordion btn-link btn-block text-left collapsed"
                                    type="button" data-toggle="collapse" data-target="#collapseSix"
                                    aria-expanded="false" aria-controls="collapseSix">
                                    Categorias + Vehículo (Marca, Modelo y Año)
                                </button>
                            </h2>
                        </div>
                        <div id="collapseSix" class="collapse" aria-labelledby="headingSix"
                            data-parent="#accordionExample">
                            <div class="card-body">
                                <div class="row my-md-4">
                                    <div class="col">
                                        <div class="row">
                                            <div class="col">
                                                <label for="cat-marc-mode-anio-title" class="small">Title</label>
                                            </div>
                                            <div class="col text-right">
                                                <select class="form-control-sm multiple"
                                                    onchange="updInputSeo(this.value,'cat-marc-mode-anio-title')">
                                                    <option value="">-- Insertar Variable --</option>
                                                    <option value="[nombre_categoria]">Categoria</option>
                                                    <option value="[marca_vehiculo]">Marca Vehiculo</option>
                                                    <option value="[modelo_vehiculo]">Modelo Vehiculo</option>
                                                    <option value="[anio_vehiculo]">Año Vehiculo</option>
                                                    <option value="[nombre_sitio]">Nombre del sitio</option>
                                                </select>
                                            </div>
                                        </div>
                                        <input type="text" name="cat-marc-mode-anio-title"
                                            id="cat-marc-mode-anio-title" class="form-control"
                                            value="{{ $seo->cat_marc_mode_anio_title ?? '' }}">

                                        <div class="row mt-2">
                                            <div class="col">
                                                <label for="cat-marc-mode-anio-meta" class="small">Meta
                                                    Descripción</label>
                                            </div>
                                            <div class="col text-right">
                                                <select class="form-control-sm multiple"
                                                    onchange="updInputSeo(this.value,'cat-marc-mode-anio-meta')">
                                                    <option value="">-- Insertar Variable --</option>
                                                    <option value="[nombre_categoria]">Categoria</option>
                                                    <option value="[marca_vehiculo]">Marca Vehiculo</option>
                                                    <option value="[modelo_vehiculo]">Modelo Vehiculo</option>
                                                    <option value="[anio_vehiculo]">Año Vehiculo</option>
                                                    <option value="[nombre_sitio]">Nombre del sitio</option>
                                                </select>
                                            </div>
                                        </div>
                                        <textarea name="cat-marc-mode-anio-meta" id="cat-marc-mode-anio-meta" class="form-control">{{ $seo->cat_marc_mode_anio_meta ?? '' }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                <!--<h3 class="py-3">SEO Productos</h3>-->

                <div class="card">
                    <div class="card-header" id="headingSeven">
                        <h2 class="mb-0">
                            <button class="btn btn-accordion btn-link btn-block text-left collapsed" type="button"
                                data-toggle="collapse" data-target="#collapseSeven" aria-expanded="false"
                                aria-controls="collapseSeven">
                                Ficha Producto
                            </button>
                        </h2>
                    </div>
                    <div id="collapseSeven" class="collapse" aria-labelledby="headingSeven"
                        data-parent="#accordionExample">
                        <div class="card-body">
                            <div class="row my-md-4">
                                <div class="col">
                                    <div class="row">
                                        <div class="col">
                                            <label for="producto-title" class="small">Title</label>
                                        </div>
                                        <div class="col text-right">
                                            <select class="form-control-sm multiple"
                                                onchange="updInputSeo(this.value,'producto-title')">
                                                <option value="">-- Insertar Variable --</option>
                                                <option value="[nombre_producto]">Producto</option>
                                                <option value="[nombre_sitio]">Nombre del sitio</option>
                                            </select>
                                        </div>
                                    </div>

                                    <input type="text" name="producto-title" id="producto-title"
                                        class="form-control" value="{{ $seo->producto_title ?? '' }}">

                                    <div class="row">
                                        <div class="col">
                                            <label for="producto-meta" class="small">Meta Descripción</label>
                                        </div>
                                        <div class="col text-right">
                                            <select class="form-control-sm multiple"
                                                onchange="updInputSeo(this.value,'producto-meta')">
                                                <option value="">-- Insertar Variable --</option>
                                                <option value="[nombre_producto]">Producto</option>
                                                <option value="[nombre_sitio]">Nombre del sitio</option>
                                            </select>
                                        </div>
                                    </div>
                                    <textarea name="producto-meta" id="producto-meta" class="form-control">{{ $seo->producto_meta ?? '' }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="card">
                    <div class="card-header" id="headingEight">
                        <h2 class="mb-0">
                            <button class="btn btn-accordion btn-link btn-block text-left collapsed" type="button"
                                data-toggle="collapse" data-target="#collapseEight" aria-expanded="false"
                                aria-controls="collapseEight">
                                Repuestos por Vehiculo (Marca)
                            </button>
                        </h2>
                    </div>
                    <div id="collapseEight" class="collapse" aria-labelledby="headingEight"
                        data-parent="#accordionExample">
                        <div class="card-body">
                            <div class="row my-md-4">
                                <div class="col">
                                    <div class="row">
                                        <div class="col">
                                            <label for="repu-marc-title" class="small">Title</label>
                                        </div>
                                        <div class="col text-right">
                                            <select class="form-control-sm multiple"
                                                onchange="updInputSeo(this.value,'repu-marc-title')">
                                                <option value="">-- Insertar Variable --</option>
                                                <option value="[marca_vehiculo]">Marca Vehiculo</option>
                                                <option value="[nombre_sitio]">Nombre del sitio</option>

                                            </select>
                                        </div>
                                    </div>

                                    <input type="text" name="repu-marc-title" id="repu-marc-title"
                                        class="form-control" value="{{ $seo->repu_marc_title ?? '' }}">

                                    <div class="row mt-2">
                                        <div class="col">
                                            <label for="repu-marc-meta" class="small">Meta Descripción</label>
                                        </div>
                                        <div class="col text-right">
                                            <select class="form-control-sm multiple"
                                                onchange="updInputSeo(this.value,'repu-marc-meta')">
                                                <option value="">-- Insertar Variable --</option>
                                                <option value="[marca_vehiculo]">Marca Vehiculo</option>
                                                <option value="[nombre_sitio]">Nombre del sitio</option>

                                            </select>
                                        </div>
                                    </div>
                                    <textarea name="repu-marc-meta" id="repu-marc-meta" class="form-control">{{ $seo->repu_marc_meta ?? '' }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header" id="headingNine">
                        <h2 class="mb-0">
                            <button class="btn btn-accordion btn-link btn-block text-left collapsed" type="button"
                                data-toggle="collapse" data-target="#collapseNine" aria-expanded="false"
                                aria-controls="collapseNine">

                                Repuestos por Marca y Modelo
                            </button>
                        </h2>
                    </div>
                    <div id="collapseNine" class="collapse" aria-labelledby="headingNine"
                        data-parent="#accordionExample">
                        <div class="card-body">
                            <div class="row my-md-4">
                                <div class="col">
                                    <div class="row">
                                        <div class="col">
                                            <label for="repu-marc-mode-title" class="small">Title</label>
                                        </div>
                                        <div class="col text-right">
                                            <select class="form-control-sm multiple"
                                                onchange="updInputSeo(this.value,'repu-marc-mode-title')">
                                                <option value="">-- Insertar Variable --</option>
                                                <option value="[marca_vehiculo]">Marca Vehiculo</option>
                                                <option value="[modelo_vehiculo]">Modelo Vehiculo</option>
                                                <option value="[nombre_sitio]">Nombre del sitio</option>
                                            </select>
                                        </div>
                                    </div>
                                    <input type="text" name="repu-marc-mode-title" id="repu-marc-mode-title"
                                        class="form-control" value="{{ $seo->repu_marc_mode_title ?? '' }}">

                                    <div class="row mt-2">
                                        <div class="col">
                                            <label for="repu-marc-mode-meta" class="small">Meta Descripción</label>
                                        </div>
                                        <div class="col text-right">
                                            <select class="form-control-sm multiple"
                                                onchange="updInputSeo(this.value,'repu-marc-mode-meta')">
                                                <option value="">-- Insertar Variable --</option>
                                                <option value="[marca_vehiculo]">Marca Vehiculo</option>
                                                <option value="[modelo_vehiculo]">Modelo Vehiculo</option>
                                                <option value="[nombre_sitio]">Nombre del sitio</option>
                                            </select>
                                        </div>
                                    </div>
                                    <textarea name="repu-marc-mode-meta" id="repu-marc-mode-meta" class="form-control">{{ $seo->repu_marc_mode_meta ?? '' }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header" id="headingTen">
                        <h2 class="mb-0">
                            <button class="btn btn-accordion btn-link btn-block text-left collapsed" type="button"
                                data-toggle="collapse" data-target="#collapseTen" aria-expanded="false"
                                aria-controls="collapseTen">

                                Repuestos por Marca, Modelo y Año
                            </button>
                        </h2>
                    </div>
                    <div id="collapseTen" class="collapse" aria-labelledby="headingTen"
                        data-parent="#accordionExample">
                        <div class="card-body">
                            <div class="row my-md-4">
                                <div class="col">
                                    <div class="row">
                                        <div class="col">
                                            <label for="repu-marc-mode-anio-title" class="small">Title</label>
                                        </div>
                                        <div class="col text-right">
                                            <select class="form-control-sm multiple"
                                                onchange="updInputSeo(this.value,'repu-marc-mode-anio-title')">
                                                <option value="">-- Insertar Variable --</option>
                                                <option value="[marca_vehiculo]">Marca Vehiculo</option>
                                                <option value="[modelo_vehiculo]">Modelo Vehiculo</option>
                                                <option value="[anio_vehiculo]">Anio Vehiculo</option>
                                                <option value="[nombre_sitio]">Nombre del sitio</option>
                                            </select>
                                        </div>
                                    </div>

                                    <input type="text" name="repu-marc-mode-anio-title"
                                        id="repu-marc-mode-anio-title" class="form-control"
                                        value="{{ $seo->repu_marc_mode_anio_title ?? '' }}">

                                    <div class="row mt-2">
                                        <div class="col">
                                            <label for="repu-marc-mode-anio-meta" class="small">Meta
                                                Descripción</label>
                                        </div>
                                        <div class="col text-right">
                                            <select class="form-control-sm multiple"
                                                onchange="updInputSeo(this.value,'repu-marc-mode-anio-meta')">
                                                <option value="">-- Insertar Variable --</option>
                                                <option value="[marca_vehiculo]">Marca Vehiculo</option>
                                                <option value="[modelo_vehiculo]">Modelo Vehiculo</option>
                                                <option value="[anio_vehiculo]">Anio Vehiculo</option>
                                                <option value="[nombre_sitio]">Nombre del sitio</option>
                                            </select>
                                        </div>
                                    </div>
                                    <textarea name="repu-marc-mode-anio-meta" id="repu-marc-mode-anio-meta" class="form-control">{{ $seo->repu_marc_mode_anio_meta ?? '' }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>