@extends('admin.layouts.app')


@push('css')
    <!-- Scripts -->
    {{-- <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script> --}}
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <!-- JS Color for Appearence (color_primary, color_secondary) -->    
    {{-- <script src="https://cdn.jsdelivr.net/npm/jscolor@2.4.5/jscolor.min.js"></script> --}}

@endpush


@section('content')

    <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">Editar Configuracion</h4>
                <div class="page-title-right">
                    <a href="{{ route('admin.dashboard') }}" class="btn btn-primary">Volver</a>
                </div>
            </div>
        </div>
    </div>

            {{-- @include('admin.message') --}}            

            {{-- <form action="{{ route('settings.updateTest') }}" method="POST" enctype="multipart/form-data"> --}}
            <form action="{{ route('settings.update') }}" method="POST" enctype="multipart/form-data">                
                @csrf
                @method('PUT')

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


                            <div class="col-md-12">
                                <h5>Datos del Shop</h5>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="shop_text1">Texto 1</label>
                                            <input type="text" name="shop_text1" class="form-control" value="{{ $settings->shop_text1 ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="shop_text2">Texto 2</label>
                                            <input type="text" name="shop_text2" class="form-control" value="{{ $settings->shop_text2 ?? '' }}">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <h5>Dirección</h5>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="country">País</label>
                                            <input type="text" name="country" class="form-control" value="{{ $settings->country ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="state">Provincia</label>
                                            <input type="text" name="state" class="form-control" value="{{ $settings->state ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="city">Localidad</label>
                                            <input type="text" name="city" class="form-control" value="{{ $settings->city ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="postal_code">Código Postal</label>
                                            <input type="text" name="postal_code" class="form-control" value="{{ $settings->postal_code ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="street">Calle</label>
                                            <input type="text" name="street" class="form-control" value="{{ $settings->street ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="number">Número</label>
                                            <input type="text" name="number" class="form-control" value="{{ $settings->number ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="phone">Teléfono</label>
                                            <input type="text" name="phone" class="form-control" value="{{ $settings->phone ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="mobile_phone">Teléfono Móvil</label>
                                            <input type="text" name="mobile_phone" class="form-control" value="{{ $settings->mobile_phone ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="contact_email">Email de Contacto</label>
                                            <input type="email" name="contact_email" class="form-control" value="{{ $settings->contact_email ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="notification_email">Email de Notificación de Ventas</label>
                                            <input type="email" name="notification_email" class="form-control"
                                                   value="{{ $settings->notification_email ?? '' }}"
                                                   placeholder="Email donde recibir avisos de nuevas ventas">
                                            <small class="text-muted">Si está vacío, se usará el email de contacto</small>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <h5>Horario de Atención</h5>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="weekday_hours">(Lunes a Viernes)</label>
                                            <input type="text" name="weekday_hours" class="form-control" value="{{ $settings->weekday_hours ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="saturday_hours">(Sábados)</label>
                                            <input type="text" name="saturday_hours" class="form-control" value="{{ $settings->saturday_hours ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="sunday_hours">(Domingos)</label>
                                            <input type="text" name="sunday_hours" class="form-control" value="{{ $settings->sunday_hours ?? '' }}">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <h5>Redes Sociales</h5>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="instagram_url">Instagram URL</label>
                                            <input type="text" name="instagram_url" class="form-control" value="{{ $settings->instagram_url ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="facebook_url">Facebook URL</label>
                                            <input type="text" name="facebook_url" class="form-control" value="{{ $settings->facebook_url ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="twitter_url">Twitter URL</label>
                                            <input type="text" name="twitter_url" class="form-control" value="{{ $settings->twitter_url ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="linkedin_url">LinkedIn URL</label>
                                            <input type="text" name="linkedin_url" class="form-control" value="{{ $settings->linkedin_url ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="youtube_url">YouTube URL</label>
                                            <input type="text" name="youtube_url" class="form-control" value="{{ $settings->youtube_url ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="pinterest_url">Pinterest URL</label>
                                            <input type="text" name="pinterest_url" class="form-control" value="{{ $settings->youtube_url ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="tiktok_url">TikTok URL</label>
                                            <input type="text" name="tiktok_url" class="form-control" value="{{ $settings->youtube_url ?? '' }}">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Tema del Sitio -->
                            <div class="col-md-12">
                                <h5>Tema del Sitio</h5>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="active_theme">Tema Activo</label>
                                            <select name="active_theme" id="active_theme" class="form-select">
                                                <option value="onlineshop" {{ ($settings->active_theme ?? 'onlineshop') == 'onlineshop' ? 'selected' : '' }}>Online Shop</option>
                                                <option value="qualis" {{ ($settings->active_theme ?? 'onlineshop') == 'qualis' ? 'selected' : '' }}>Qualis</option>
                                            </select>
                                            <small>Seleccione el tema visual para el sitio web. Este tema determina el diseño y estilo de toda la tienda.</small>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Colores del Sitio -->
                            <div class="col-md-12">
                                <h5>Colores del Sitio</h5>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="color_primary">Color Principal</label>
                                            <input type="color" id="color_primary" name="color_primary" class="form-control" value="{{ old('color_primary', $settings->color_primary ?? '#ffffff') }}">
                                            <input type="text" id="color_primary_text" class="form-control mt-2" value="{{ old('color_primary', $settings->color_primary ?? '#ffffff') }}">
                                            <small>Color actual: {{ $settings->color_primary ?? '#ffffff' }}</small>
                                            <div class="mt-1">
                                                <small>Color por defecto: #001D3D</small>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="color_secondary">Color Secundario</label>
                                            <input type="color" id="color_secondary" name="color_secondary" class="form-control" value="{{ old('color_secondary', $settings->color_secondary ?? '#000000') }}">
                                            <input type="text" id="color_secondary_text" class="form-control mt-2" value="{{ old('color_secondary', $settings->color_secondary ?? '#000000') }}">
                                            <small>Color actual: {{ $settings->color_secondary ?? '#000000' }}</small>
                                            <div class="mt-1">
                                                <small>Color por defecto: #A08310</small>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>


                             <!-- Apariencia -->
                            {{--     <div class="col-md-12">
                                    <h5>Apariencia</h5>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="card shadow mb-4">
                                                <div class="card-body">
                                                    <div class="mb-3">
                                                        <label for="color_primary">Color Principal</label>
                                                        <input type="text" id="color_primary" name="color_primary" class="form-control jscolor" value="{{ old('color_primary', $settings->color_primary ?? '00356A') }}">
                                                        <small>Color actual: {{ $settings->color_primary ?? '00356A' }}</small>
                                                        <div class="mt-1">
                                                            <small>Color por defecto: #00356A</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="card shadow mb-4">
                                                <div class="card-body">
                                                    <div class="mb-3">
                                                        <label for="color_secondary">Color Secundario</label>
                                                        <input type="text" id="color_secondary" name="color_secondary" class="form-control jscolor" value="{{ old('color_secondary', $settings->color_secondary ?? 'AABBCC') }}">
                                                        <small>Color actual: {{ $settings->color_secondary ?? 'AABBCC' }}</small>
                                                        <div class="mt-1">
                                                            <small>Color por defecto: #AABBCC</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div> --}}


                                <div class="col-md-12">
                                        <h5>Imágenes</h5>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="logo">Logo</label>
                                                    <input type="file" name="logo" class="form-control">
                                                    <div class="mt-2">
                                                        <img src="{{ $settings->logo ? asset($settings->logo) : asset('front-assets/images/no_image.jpg') }}" alt="Logo actual" style="max-width: 100px;">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="favicon">Favicon</label>
                                                    <input type="file" name="favicon" class="form-control">
                                                    <div class="mt-2">
                                                        <img src="{{ $settings->favicon ? asset($settings->favicon) : asset('front-assets/images/no_image.jpg') }}" alt="Favicon actual" style="max-width: 50px;">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                     <!-- Detalles Bancarios -->
                                        <div class="col-md-12">
                                            <h5>Transferencias Bancarias</h5>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="bank_name">Nombre del Banco</label>
                                                        <input type="text" name="bank_name" class="form-control" value="{{ old('bank_name', json_decode($settings->bank_transfer_details)->bank_name ?? '') }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="account_number">Número de Cuenta</label>
                                                        <input type="text" name="account_number" class="form-control" value="{{ old('account_number', json_decode($settings->bank_transfer_details)->account_number ?? '') }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="cbu">CBU</label>
                                                        <input type="text" name="cbu" class="form-control" value="{{ old('cbu', json_decode($settings->bank_transfer_details)->cbu ?? '') }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="alias">Alias</label>
                                                        <input type="text" name="alias" class="form-control" value="{{ old('alias', json_decode($settings->bank_transfer_details)->alias ?? '') }}">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <!-- Detalles de Mercado Pago -->
                                        <div class="col-md-12">
                                            <h5>Mercado Pago</h5>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="mp_contact_email">Email de Contacto</label>
                                                        <input type="email" name="mp_contact_email" class="form-control" value="{{ old('mp_contact_email', json_decode($settings->mercado_pago_details)->contact_email ?? '') }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="mp_contact_phone">Teléfono de Contacto</label>
                                                        <input type="text" name="mp_contact_phone" class="form-control" value="{{ old('mp_contact_phone', json_decode($settings->mercado_pago_details)->contact_phone ?? '') }}">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <!-- Otros campos de configuración -->

                                        <!-- Detalles de Depósitos -->
                                        <div class="col-md-12">
                                            <h5>Depósitos Bancarios</h5>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="deposit_bank_name">Nombre del Banco</label>
                                                        <input type="text" name="deposit_bank_name" class="form-control" value="{{ old('deposit_bank_name', json_decode($settings->deposit_details)->bank_name ?? '') }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="deposit_account_number">Número de Cuenta</label>
                                                        <input type="text" name="deposit_account_number" class="form-control" value="{{ old('deposit_account_number', json_decode($settings->deposit_details)->account_number ?? '') }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="deposit_cbu">CBU</label>
                                                        <input type="text" name="deposit_cbu" class="form-control" value="{{ old('deposit_cbu', json_decode($settings->deposit_details)->cbu ?? '') }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="deposit_alias">Alias</label>
                                                        <input type="text" name="deposit_alias" class="form-control" value="{{ old('deposit_alias', json_decode($settings->deposit_details)->alias ?? '') }}">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                <!-- Detalles de Tarjetas de Crédito -->
                <div class="col-md-12">
                    <h5>Tarjetas de Crédito</h5>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="card_provider">Proveedor</label>
                                <input type="text" name="card_provider" class="form-control" value="{{ old('card_provider', json_decode($settings->credit_card_details)->provider ?? '') }}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="card_contact_email">Email de Contacto</label>
                                <input type="email" name="card_contact_email" class="form-control" value="{{ old('card_contact_email', json_decode($settings->credit_card_details)->contact_email ?? '') }}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="card_contact_phone">Teléfono de Contacto</label>
                                <input type="text" name="card_contact_phone" class="form-control" value="{{ old('card_contact_phone', json_decode($settings->credit_card_details)->contact_phone ?? '') }}">
                            </div>
                        </div>
                    </div>
                </div>


                <!-- Detalles de SEO -->
                <div class="col-md-12">
                    <h5>Detalles de SEO</h5>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="meta_title">Meta Título</label>
                                <input type="text" name="meta_title" class="form-control" value="{{ old('meta_title', $settings->meta_title ?? '') }}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="meta_description">Meta Descripción</label>
                                <textarea name="meta_description" class="form-control">{{ old('meta_description', $settings->meta_description ?? '') }}</textarea>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="meta_keywords">Meta Keywords</label>
                                <input type="text" name="meta_keywords" class="form-control" value="{{ old('meta_keywords', $settings->meta_keywords ?? '') }}">
                            </div>
                        </div>
                    </div>
                </div>


        	<!-- Copyright -->
        	<div class="col-md-12">
        	    <h5>Derechos de Autor</h5>
        	    <div class="row">
        	        <div class="col-md-6">
        	            <div class="mb-3">
        	                <label for="copyright">Copyright</label>
        	                <input type="text" name="copyright" class="form-control" value="{{ old('copyright', $settings->copyright ?? '') }}">
        	            </div>
        	        </div>
        	    </div>
        	</div>                


                <div class="pb-5 pt-3">
                    <button type = "submit" class="btn btn-primary">Actualizar</button>
                    <a href="{{ route('admin.dashboard') }}" class="btn btn-outline-dark ms-3">Cancelar</a>
                </div>

            </form>
        </div>
        <!-- /.card -->

    
@endsection


@section('customJs')
    <script>
        document.getElementById('color_primary').addEventListener('input', function() {
            document.getElementById('color_primary_text').value = this.value;
        });

        document.getElementById('color_primary_text').addEventListener('input', function() {
            document.getElementById('color_primary').value = this.value;
        });

        document.getElementById('color_secondary').addEventListener('input', function() {
            document.getElementById('color_secondary_text').value = this.value;
        });

        document.getElementById('color_secondary_text').addEventListener('input', function() {
            document.getElementById('color_secondary').value = this.value;
        });
    </script>

@endsection