@extends('layouts.dashboard')
@section('css')
    <link rel="stylesheet" href="{{ asset('js/configuracion/minified/themes/default.min.css') }}" id="areade" />
    <link rel="stylesheet" href="{{ asset('js/configuracion/minified/themes/modern.min.css') }}" id="areade" />
@endsection

@section('js')
    <script src="{{ asset('js/configuracion//minified/sceditor.min.js') }}"></script>
    <script src="{{ asset('js/configuracion/minified/icons/monocons.js') }}"></script>
    <script src="{{ asset('js/configuracion/minified/formats/xhtml.js') }}"></script>
    <script src="{{ asset('js/email/email.js?version='.version_js()) }}"></script>
@endsection

@section('content')
    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="col-sm-4">
                <div class="page-title-heading">
                    <div>{{ $title }}
                        <div class="page-title-subheading">
                            {{ $subtitle }}
                        </div>
                    </div>
                </div>
            </div>
        </div>   
    </div>    

    <div class="animated fadeIn d-flex justify-content-center">
        <form action="{{ url('/cotizacion/default') }}" method="POST" style="width: 55%;" id="form_email">
            @csrf
            <input type="hidden" name="id_cotizacion"  value="{{$cotizacion->id_cotizacion}}">
            <div class="card">
                <div class="card-header">Enviar CFDI por correo electrónico</div>
                <div class="card-body card-block">
                    
                    <div class="row form-group">
                        <div class="col col-md-4">
                            <label for="txt_folio" class=" form-control-label">Folio de la cotización: </label>
                        </div>
                        <div class="col-12 col-md-8">
                            <input type="text" id="txt_folio" name="txt_folio" placeholder="Ingrese número de serie"
                                class="form-control" value="{{$cotizacion->serie}} {{$cotizacion->folio}}" readonly>
                        </div>
                    </div>

                    <div class="row form-group">
                        <div class="col col-md-4">
                            <label for="input_receptor" class=" form-control-label">Razón social del receptor: </label>
                        </div>
                        <div class="col-12 col-md-8">
                            <input type="text" id="input_receptor" name="input_receptor" placeholder="No hay nombre comercial"
                                class="form-control" value="{{$receptor->razon_social}}" readonly>
                        </div>
                    </div>


                    <div class="row form-group">
                        <div class="col col-md-4">
                            <label for="input_rfc" class=" form-control-label">RFC del receptor: </label>
                        </div>
                        <div class="col-12 col-md-8">
                            <input type="text" id="input_rfc" name="input_rfc" placeholder="Ingrese número de serie"
                                class="form-control" value="{{$receptor->rfc_receptor}}" readonly>
                        </div>
                    </div>

                    <div class="row form-group">
                        <div class="col col-md-4">
                            <label for="input_asunto" class="form-control-label">Asunto: </label>
                        </div>
                        <div class="col-12 col-md-8">
                            <input type="text" name="input_asunto" placeholder="Ingrese número de serie"
                                class="form-control" value="Cotizacón">
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class="col col-md-4">
                            <label for="text_destinatario" class=" form-control-label">Destinatario: </label>
                        </div>
                        <div class="col-12 col-md-8">
                            <textarea class="form-control" placeholder="ejemplo: example@gmail.com" name="text_destinatario">@php if(!empty($datos_receptor)){if($datos_receptor->email2){echo $datos_receptor->email1.','.$datos_receptor->email2;}else{echo $datos_receptor->email1;}}@endphp</textarea>
                        </div>
                    </div>

                    <div class="row form-group">
                        <div class="col col-md-4">
                            <label for="text_destinatario" class=" form-control-label">Con copia oculta: </label>
                        </div>
                        <div class="col-12 col-md-8">
                            <textarea class="form-control" placeholder="ejemplo: example@gmail.com" name="text_cc_oculta"></textarea>
                        </div>
                    </div>

                    <div class="row form-group">
                        <div class="col col-md-6">
                            <div class="form-check">
                                <input name="check_text_add" id="check_text_add" class="form-check-input" type="checkbox" value="1" style="margin-top: 10px;">
                                <label class="form-check-label" for="check_text_add">
                                    Definir contenido del correo
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="row form-group">
                        <textarea name="textAdd" id="textAdd" class="col-12" style="display: none" placeholder="Escriba el contenido...">
                            <br>
                        </textarea>
                    </div>

                    <div class="row form-group">
                        <div class="col-12 col-md-8">
                            <input type="text" name="input_fecha"
                                class="form-control" value="{{$cotizacion->fecha}}" readonly hidden>
                        </div>
                        <div class="col-12 col-md-8">
                            <input type="text" name="input_total"
                                class="form-control" value="{{ number_format($cotizacion->total, 2) }}" readonly hidden>
                        </div>
                        <div class="col-12 col-md-8">
                            <input type="text" name="input_pdf"
                                class="form-control" value="" readonly hidden>
                        </div>
                        <div class="col-12 col-md-8">
                            <input type="text" name="input_xml"
                                class="form-control" value="{{    str_replace('storage/', '', Storage::url($cotizacion->path)) }}" readonly hidden>
                        </div>
                    </div>
                    <br>


                    

                    <!---<div class="row form-group">
                        <div class="col col-md-4">
                            <label for="text_destinatario" class=" form-control-label">Con copia oculta: </label>
                        </div>
                        <div class="col-12 col-md-8">
                            <textarea class="form-control" placeholder="ejemplo: example@gmail.com" id="text_destinatario"></textarea>
                        </div>
                    </div>-->

                    <div class="col-md-12" style="text-align:center;">
                        <button id="sendEmail" type="button" class="btn btn-lg btn-info"
                            style="height: 35px; width: 90px; margin-top: -15px; font-size: 10px;background-color: #16627c;" onclick="validar_envio(this)" >
                            <span>Enviar</span>
                        </button>
                    </div>

                </div>
            </div>

        </form>
    </div>
    <script>
        var envio_fomrulario = false
        function validar_envio(_btn_) {
            if (!envio_fomrulario) {
                $('#sendEmail').attr('type','submit')
               envio_fomrulario = true;
               return true;
           }else{
            $('#sendEmail').attr('type','button')
           }
        }
    </script>
@endsection