{{--
 * Created by PhpStorm.
 * User: negutierrez
 * Date: 22/08/2016
 * Time: 10:44
--}}
@extends('layouts.master2')
@section('title', 'Pago por Transferencia')
@section('header')
    <meta name="csrf-token" id="csrf-token" content="{{ csrf_token() }}">
    <link rel="stylesheet" href="{!! asset('css/PagosElectronicos/fine-uploader.min.css') !!}" type="text/css">
    <link rel="stylesheet" href="{!! asset('css/PagosElectronicos/fine-uploader-new.min.css') !!}" type="text/css">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

    <!-- Fine Uploader Thumbnails template w/ customization
    ====================================================================== -->
    <script type="text/javascript">

    </script>
    <script type="text/template" id="qq-template-manual-trigger">
        <div class="qq-uploader-selector qq-uploader" qq-drop-area-text=" Puede Arrastrar los Archivos Aqu&iacute;. El Sistema Permite S&oacute;lo archivos .PDF, .JPG y .PNG ">
            <div class="qq-total-progress-bar-container-selector qq-total-progress-bar-container">
                <div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-total-progress-bar-selector qq-progress-bar qq-total-progress-bar"></div>
            </div>
            <div class="qq-upload-drop-area-selector qq-upload-drop-area" qq-hide-dropzone>
                <span class="qq-upload-drop-area-text-selector"></span>
            </div>
            <div class="buttons" onclick="attraccept()" onmouseover="tooltipPe()">
                <div class="qq-upload-button-selector qq-upload-button"  style="width:150px;" data-toggle="tooltip" title="Recuerde seleccionar el tipo de retencion antes de cargar el archivo!" data-placement="right">
                    <div >Seleccione Archivo</div>

                </div>
                {{--<button type="button" id="trigger-upload" class="btn btn-primary">
                    <i class="icon-upload icon-white"></i> Upload
                </button>--}}
            </div>
            <span class="qq-drop-processing-selector qq-drop-processing">
                <span>Processing dropped files...</span>
                <span class="qq-drop-processing-spinner-selector qq-drop-processing-spinner"></span>
            </span>
            <ul class="qq-upload-list-selector qq-upload-list" aria-live="polite" aria-relevant="additions removals">
                <li>
                    <div class="qq-progress-bar-container-selector">
                        <div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-progress-bar-selector qq-progress-bar"></div>
                    </div>
                    <span class="qq-upload-spinner-selector qq-upload-spinner"></span>
                    <img class="qq-thumbnail-selector" qq-max-size="100" qq-server-scale>
                    <span class="qq-upload-file-selector qq-upload-file"></span>
                    <span class="qq-edit-filename-icon-selector qq-edit-filename-icon" aria-label="Edit filename"></span>
                    <input class="qq-edit-filename-selector qq-edit-filename" tabindex="0" type="text">
                    <span class="qq-upload-size-selector qq-upload-size"></span>
                    {{--<button type="button" class="qq-btn qq-upload-cancel-selector qq-upload-cancel">Cancel</button>--}}
                    <button type="button" class="qq-btn qq-upload-cancel-selector qq-upload-cancel btn btn-sm"><i class="fa fa-trash-o" aria-hidden="true"></i> Eliminar</button>

                    {{--<button type="button" class="qq-btn qq-upload-retry-selector qq-upload-retry">Retry</button>--}}
                    {{--<button type="button" class="qq-btn qq-upload-delete-selector qq-upload-delete">Delete</button>--}}
                    <span role="status" class="qq-upload-status-text-selector qq-upload-status-text"></span>
                </li>
            </ul>

            <dialog class="qq-alert-dialog-selector">
                <div class="qq-dialog-message-selector"></div>
                <div class="qq-dialog-buttons">
                    <button type="button" class="qq-cancel-button-selector">Close</button>
                </div>
            </dialog>

            <dialog class="qq-confirm-dialog-selector">
                <div class="qq-dialog-message-selector"></div>
                <div class="qq-dialog-buttons">
                    <button type="button" class="qq-cancel-button-selector">No</button>
                    <button type="button" class="qq-ok-button-selector">Yes</button>
                </div>
            </dialog>

            <dialog class="qq-prompt-dialog-selector">
                <div class="qq-dialog-message-selector"></div>
                <input type="text">
                <div class="qq-dialog-buttons">
                    <button type="button" class="qq-cancel-button-selector">Cancel</button>
                    <button type="button" class="qq-ok-button-selector">Ok</button>
                </div>
            </dialog>
        </div>
    </script>

    <style>
        .row .navbar-menu-log{
            visibility: hidden;
        }
        #fine-uploader-manual-trigger .qq-upload-button {
            margin-right: 15px;
        }
        #fine-uploader-manual-trigger .buttons {
            width: 36%;
        }
        #fine-uploader-manual-trigger .qq-uploader .qq-total-progress-bar-container {
            width: 60%;
        }
    </style>
    @if(\Session::get('conexion') == 'guiaelectronica'  && \Session::get('fromge') == true)
    <style>
        .solo-laravel {
            display: none !important;
        }
        body {
            padding-top: 18px !important;
        }
        body * {
            font-size: 12px !important;
        }
    </style>
    @endif

@endsection
@section('content')