@extends('layouts.dashboardnew')

@section('content')

<div class="container-fluid paso-uno">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group">
                                <a class="btn btn-info btn-block text-white" onclick="toggle()">Editar Plantilla</a>
                            </div>    
                        </div>
                    
                        {{--<div class="col-md-3">
                            <div class="form-group">
                               <a class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#firma">Agregar Firma</a>
                            </div>   
                        </div>--}}
                    </div>
                    
                    
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <h3>Titulo de la Plantilla de Bienvenida</h3>
                                <h5>{{(!empty($plantillaB->titulo)) ? $plantillaB->titulo : ''}}</h5>
                            </div>    
                        </div>
                        
                        <div class="col-md-8">
                            <div class="form-group">
                                <h3>Contenido de la Plantilla de Bienvenida</h3>
                                <h5>{!!(!empty($plantillaB->contenido)) ? $plantillaB->contenido : ''!!}</h5>
                            </div>    
                        </div>
                        
                        
                        <div class="col-md-4">
                            <div class="form-group">
                                <h3>Titulo de la plantilla de Pago</h3>
                                <h5>{{(!empty($plantillaP->titulo)) ? $plantillaP->titulo : ''}}</h5>
                            </div>    
                        </div>
                        
                        <div class="col-md-8">
                            <div class="form-group">
                                <h3>Contenido de la Plantilla de Pago</h3>
                                <h5>{!!(!empty($plantillaP->contenido)) ? $plantillaP->contenido : ''!!}</h5>
                            </div>    
                        </div>
                        
                        
                        <div class="col-md-4">
                            <div class="form-group">
                                <h3>Titulo de la plantilla de Compra</h3>
                                <h5>{{(!empty($plantillaC->titulo)) ? $plantillaC->titulo : ''}}</h5>
                            </div>    
                        </div>
                        
                        <div class="col-md-8">
                            <div class="form-group">
                                <h3>Contenido de la Plantilla de Compra</h3>
                                <h5>{!!(!empty($plantillaC->contenido)) ? $plantillaC->contenido : ''!!}</h5>
                            </div>    
                        </div>
                        
                        <div class="col-md-4">
                            <div class="form-group">
                                <h3>Titulo de la plantilla de Pago Compra</h3>
                                <h5>{{(!empty($plantillaPC->titulo)) ? $plantillaPC->titulo : ''}}</h5>
                            </div>    
                        </div>
                        
                        <div class="col-md-8">
                            <div class="form-group">
                                <h3>Contenido de la Plantilla de Pago Compra</h3>
                                <h5>{!!(!empty($plantillaPC->contenido)) ? $plantillaPC->contenido : ''!!}</h5>
                            </div>    
                        </div>
                        
                        <div class="col-md-4">
                            <div class="form-group">
                                <h3>Titulo de la plantilla de Liquidacion</h3>
                                <h5>{{(!empty($plantillaL->titulo)) ? $plantillaL->titulo : ''}}</h5>
                            </div>    
                        </div>
                        
                        <div class="col-md-8">
                            <div class="form-group">
                                <h3>Contenido de la Plantilla de Liquidacion</h3>
                                <h5>{!!(!empty($plantillaL->contenido)) ? $plantillaL->contenido : ''!!}</h5>
                            </div>    
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</div>


<div class="container-fluid paso-dos" style="display:none;">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    <h3>Configuración de la Plantilla de Correo Bienvenida</h3>
                    
                    <form class="" action="{{route('setting-save-plantilla')}}" method="post" enctype="multipart/form-data">
                            {{ csrf_field() }}
                            
                            <input type="hidden" name="plantilla" value="bienvenida">
                            <input type="hidden" name="idplantilla" value="{{(!empty($plantillaB->id)) ? $plantillaB->id : '' }}">
                            
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="">Título del Correo</label>
                                    <input type="text" name="titulo" class="form-control" value="{{(!empty($plantillaB->titulo)) ? $plantillaB->titulo : '' }}">
                                </div>
                            </div>
                            
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="">Contenido del Correo</label>
                                    <textarea name="correo" class="summernote">{{(!empty($plantillaB->contenido)) ? $plantillaB->contenido : '' }}</textarea>
                                    <p>Las Variables de abajo son dinamica, al colocar esas variables se colocara la informacion perteneciente a los usuarios</p>
                                </div>    
                            </div>
                            
                            <div class="col-md-12">
                                <div class="form-group">
                                     <label>Variables que pueden usar</label>
                                     <span class="text-danger">@nombre</span>
                                     <span class="text-danger">@usuario</span>
                                     <span class="text-danger">@idpatrocinio</span>
                                     <span class="text-danger">@clave</span>
                                     <span class="text-danger">@correo</span>
                                </div>     
                            </div>
                            
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <button type="button" class="btn btn-danger btn-block"
                                        onclick="toggle()">Cancelar</button>
                                    </div>    
                                </div>
                                
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <button type="submit" class="btn btn-info btn-block text-white">Aceptar
                                        </button>
                                    </div>    
                                </div>
                            </div>
                    </form>
                    
                    
                    
                    <h3>Configuración de la Plantilla de Correo Pago</h3>
                    
                    <form class="" action="{{route('setting-save-plantilla')}}" method="post" enctype="multipart/form-data">
                        {{ csrf_field() }}
                        
                        <input type="hidden" name="plantilla" value="pago">
                        <input type="hidden" name="idplantilla" value="{{(!empty($plantillaP->id)) ? $plantillaP->id : '' }}">
                        
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="">Título del Correo</label>
                                <input type="text" name="titulo" class="form-control" value="{{(!empty($plantillaP->titulo)) ? $plantillaP->titulo : '' }}">
                            </div>
                        </div>
                        
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="">Contenido del Correo</label>
                                <textarea name="correo1" class="summernote">{{(!empty($plantillaP->contenido)) ? $plantillaP->contenido : '' }}</textarea>
                                <p>Las Variables de abajo son dinamica, al colocar esas variables se colocara la
                                        informacion perteneciente a los usuarios</p>
                            </div>            
                        </div>
                        
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="">Variables que pueden usar</label>
                                <span class="text-danger">@nombrecompleto</span>
                                <span class="text-danger">@correo</span>
                                <span class="text-danger">@pago</span>
                                <span class="text-danger">@usuario</span>
                                <span class="text-danger">@idpatrocinio</span>
                            </div>        
                        </div>
                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <button type="button" class="btn btn-danger btn-block"
                                            onclick="toggle()">Cancelar</button>
                                </div>
                            </div>    
                            <div class="col-md-6">
                                <div class="form-group">
                                    <button type="submit" class="btn btn-info btn-block text-white"> Aceptar
                                    </button>
                                </div>
                            </div>
                        </div>    
                    </form>
                    
                    
                    <h3>Configuración de la Plantilla de Compra</h3>
                    
                    <form class="" action="{{route('setting-save-plantilla')}}" method="post" enctype="multipart/form-data">
                        {{ csrf_field() }}
                        
                        <input type="hidden" name="plantilla" value="compra">
                        <input type="hidden" name="idplantilla" value="{{(!empty($plantillaC->id)) ? $plantillaC->id : '' }}">
                        
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="">Título del Correo</label>
                                <input type="text" name="titulo" class="form-control" value="{{(!empty($plantillaC->titulo)) ? $plantillaC->titulo : '' }}">
                            </div>
                        </div>
                        
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="">Contenido del Correo</label>
                                <textarea name="correo2" class="summernote">{{(!empty($plantillaC->contenido)) ? $plantillaC->contenido : '' }}</textarea>
                                <p>Las Variables de abajo son dinamica, al colocar esas variables se colocara la
                                        información perteneciente a los usuarios</p>
                            </div>            
                        </div>
                        
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="">Variables que pueden usar</label>
                                <span class="text-danger">@nombre</span>
                                <span class="text-danger">@correo</span>
                                <span class="text-danger">@datos</span>
                                <span class="text-danger">@fecha</span>
                                <span class="text-danger">@total</span>
                            </div>
                        </div>    
                            
                        
                        <div class="row">    
                            <div class="col-md-6">
                                <div class="form-group">
                                    <button type="button" class="btn btn-danger btn-block" onclick="toggle()">Cancelar</button>
                                </div>
                            </div>    
                            <div class="col-md-6">
                                <div class="form-group">
                                    <button type="submit" class="btn btn-info btn-block text-white">Aceptar</button>
                                </div>
                            </div>
                        </div>
                        
                    </form>
                    
                    
                    
                    <h3>Configuración de la Plantilla de Pago Compra</h3>
                    
                    <form class="" action="{{route('setting-save-plantilla')}}" method="post" enctype="multipart/form-data">
                        {{ csrf_field() }}
                        
                        <input type="hidden" name="plantilla" value="pc">
                        <input type="hidden" name="idplantilla" value="{{(!empty($plantillaPC->id)) ? $plantillaPC->id : '' }}">
                        
                        <div class="col-md-12">        
                            <div class="form-group">
                                <label for="">Titulo del Correo</label>
                                <input type="text" name="titulo" class="form-control" value="{{(!empty($plantillaPC->titulo)) ? $plantillaPC->titulo : '' }}">
                            </div>
                        </div>
                        
                        <div class="col-md-12">        
                            <div class="form-group">
                                <label for="">Contenido del Correo</label>
                                <textarea name="correo3" class="summernote">{{(!empty($plantillaPC->contenido)) ? $plantillaPC->contenido : '' }}</textarea>
                                <p>Las Variables de abajo son dinamica, al colocar esas variables se colocara la
                                        informacion perteneciente a los usuarios</p>
                            </div>
                        </div>
                        
                        <div class="col-md-12">        
                            <div class="form-group">
                                <label for="">Variables que pueden usar</label>
                                <span class="text-danger">@nombre</span>
                                <span class="text-danger">@correo</span>
                                <span class="text-danger">@datos</span>
                                <span class="text-danger">@fecha</span>
                                <span class="text-danger">@total</span>
                            </div>
                        </div>    
                            
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <button type="button" class="btn btn-danger btn-block" onclick="toggle()">Cancelar</button>
                                </div>            
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <button type="submit" class="btn btn-info btn-block text-white">Aceptar</button>
                                </div>
                            </div>    
                        </div>
                    </form>
                    
                    
                    <h3>Configuración de la Plantilla Liquidación</h3>
                    
                    <form class="" action="{{route('setting-save-plantilla')}}" method="post" enctype="multipart/form-data">
                        {{ csrf_field() }}
                        
                        <input type="hidden" name="plantilla" value="liquidacion">
                        <input type="hidden" name="idplantilla" value="{{(!empty($plantillaL->id)) ? $plantillaL->id : '' }}">
                        
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="">Titulo del Correo</label>
                                <input type="text" name="titulo" class="form-control" value="{{(!empty($plantillaL->titulo)) ? $plantillaL->titulo : '' }}">
                            </div>
                        </div>  
                        
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="">Contenido del Correo</label>
                                <textarea name="correo4" class="summernote">{{(!empty($plantillaL->contenido)) ? $plantillaL->contenido : '' }}</textarea>
                                <p>Las Variables de abajo son dinamica, al colocar esas variables se colocara la
                                        informacion perteneciente a los usuarios</p>
                            </div>
                        </div>
                        
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="">Variables que pueden usar</label>
                                <span class="text-danger">@nombre</span>
                                <span class="text-danger">@correo</span>
                                <span class="text-danger">@datosbancarios</span>
                                <span class="text-danger">@fecha</span>
                                <span class="text-danger">@total</span>
                            </div>    
                        </div>
                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <button type="button" class="btn btn-danger btn-block" onclick="toggle()">Cancelar</button>
                                </div>            
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <button type="submit" class="btn btn-info btn-block text-white">Aceptar</button>
                                </div>
                            </div>    
                        </div>
                        
                    </form>
                    
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@push('script')
<script type="text/javascript">
    
    function toggle() {
       $('.paso-uno').toggle('slow')
       $('.paso-dos').toggle('slow')
    }
  
    $(document).ready(function () {
        $('.summernote').summernote({
          toolbar: [
            ['style', ['style']],
            ['font', ['bold', 'underline', 'clear']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['table', ['table']],
            ['insert', ['link']],
            ['view', ['fullscreen']]
          ]
        });
    })
  
</script>
@endpush