@extends('layouts.dashboardnew')

@section('content')


<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                
                <form action="{{route('footer-save-tienda')}}" method="POST">
                    {{ csrf_field() }}
                    
                    <div class="row">
                    
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label>Correo electronico</label>
                                <input class="form-control" type="email" name="correo" value="{{$settings->correo}}">
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label>Número de telefono</label>
                                <input class="form-control" type="text" name="info" value="{{$settings->whatsap}}">
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label>Eslogan</label>
                                <input class="form-control" type="text" name="eslogan" value="{{$settings->eslogan}}">
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label>Descripción de la empresa</label>
                                <input class="form-control" type="text" name="descripcion" value="{{$settings->direccion}}">
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label>Facebook de la empresa</label>
                                <input class="form-control" type="url" name="facebook" value="{{$settings->facebook}}">
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label>Instagram de la Empresa</label>
                                <input class="form-control" type="url" name="instagram" value="{{$settings->instagram}}">
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label>Tik tok de la Empresa</label>
                                <input class="form-control" type="url" name="tiktok" value="{{$settings->tiktok}}">
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label>Youtube de la Empresa</label>
                                <input class="form-control" type="url" name="youtube" value="{{$settings->youtube}}">
                            </div>
                        </div>
                        
                        <div class="col-md-12">
                            <div class="d-flex justify-content-center">
                                <div class="col-md-3 col-6">
                                    <button type="submit" class="btn btn-info w-100">Aceptar</button>
                                </div>
                            </div>    
                        </div>
                    
                    </div>
                
                </form>
                
            </div>
        </div>
    </div>
</div>


<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                
                <table class="table">
                    <thead>
                        <tr>
                          <th scope="col">Titulo</th>
                          <th scope="col">Texto</th>
                          <th scope="col">Icono</th>
                          <th scope="col">Editar</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($footer as $foot)
                        <tr>
                           <th>{{ $foot->titulo }}</th>
                           <th>{{ $foot->texto }}</th>
                           <th>{{ $foot->icono }}</th>
                           <th>
                               <a class="btn btn-info" data-bs-toggle="modal" data-bs-target="#footer_parte2" onclick="footer_parte2('{{ $foot->id }}','{{ $foot->titulo }}','{{ $foot->texto }}','{{ $foot->icono }}','{{ $foot->tipo }}')">
                                   <i class="fa fa-edit"></i>
                               </a>
                           </th>
                        </tr>
                        @endforeach
                    </tbody>
                </table>

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


<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                
                <div class="col-md-3">
                    <div class="form-group">
                        <a class="btn btn-info w-100" data-bs-toggle="modal" data-bs-target="#seccion3">Agregar</a>
                    </div>
                </div>
                
                <table class="table zero-configuration">
                    <thead>
                        <tr>
                          <th scope="col">Sección</th>
                          <th scope="col">Texto</th>
                          <th scope="col">Enlace</th>
                          <th scope="col">Editar</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($servicios as $serv)
                        <tr>
                           <th>
                               @if($serv->tipo_servicio == 0)
                                 Información
                               @elseif($serv->tipo_servicio == 1)
                                 Servicio
                               @elseif($serv->tipo_servicio == 2)
                                 Mi cuenta
                               @endif
                           </th>
                           <th>{{ $serv->texto }}</th>
                           <th>{{ $serv->enlace }}</th>
                           <th>
                               <a class="btn btn-info" data-bs-toggle="modal" data-bs-target="#footer_parte3" onclick="footer_parte3('{{ $serv->id }}','{{ $serv->tipo_servicio }}','{{ $serv->texto }}','{{ $serv->enlace }}','{{ $serv->tipo }}')">
                                   <i class="fa fa-edit"></i>
                               </a>
                               
                               <a class="btn btn-danger" href="{{ route('footer-eliminar-servicio-tienda', ['id' => $serv->id]) }}">
                                   <i class="fa fa-trash"></i>
                               </a>
                           </th>
                        </tr>
                        @endforeach
                    </tbody>
                </table>

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


<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                
                {{--<div class="col-md-3">
                    <div class="form-group">
                        <a class="btn btn-info w-100" data-bs-toggle="modal" data-bs-target="#metodo_pago">Agregar</a>
                    </div>
                </div>--}}
                
                <table class="table">
                    <thead>
                        <tr>
                          <th scope="col">Método de pago</th>
                          <th scope="col">Imagen</th>
                          <th scope="col">Editar</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($metodos as $met)
                        <tr>
                           <th>
                               {{ $met->titulo }}
                           </th>
                           <th>
                               <img src="{{ asset('metodos_footer/'.$met->imagen) }}" style="width:40px; heigth:40px;">
                           </td>
                           <th>
                               <a class="btn btn-info" data-bs-toggle="modal" data-bs-target="#footer_parte4" onclick="footer_parte4('{{ $met->id }}','{{ $met->titulo }}','{{ $met->tipo }}')">
                                   <i class="fa fa-edit"></i>
                               </a>
                           </th>
                        </tr>
                        @endforeach
                    </tbody>
                </table>

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



@include('setting.footer.modal.parte2')

@include('setting.footer.modal.seccion3')
@include('setting.footer.modal.parte3')

@include('setting.footer.modal.metodo')
@include('setting.footer.modal.parte4')

@include('usuario.componentes.scritpTable')

@endsection

@push('script')
<script type="text/javascript">
   
    function footer_parte2(id, titulo, texto, icono, tipo){
       $('.id').val(id);
       $('.titulo').val(titulo);
       $('.texto').val(texto);
       $('.icono').val(icono);
       $('.tipo').val(tipo);
    }
    
    function footer_parte3(id, servicio, texto, enlace, tipo){
       $('.id').val(id);
       $('.servicio').val(servicio);
       $('.texto').val(texto);
       $('.enlace').val(enlace);
       $('.tipo').val(tipo);
    }
    
    function footer_parte4(id, titulo, tipo){
       $('.id').val(id);
       $('.titulo').val(titulo);
       $('.tipo').val(tipo);
    }

</script>
@endpush