@extends('layouts.app')

@section("content")

@include('tickets.invoice.layouts.modalCustomer')

@if($activeShift != null)

    <div class="modal" tabindex="-1" role="dialog" id="modalTicket">
      <div class="modal-dialog" role="document" style="width:330px!important;">
        <div class="modal-content">
            <div class="modal-header bg-black">
                <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title text-white">Ticket</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-lg-12">
                        <div id="contentFrame"></div>
                        <iframe id="frameTicket" name="frameTicket" src=""  frameborder="0" width="auto" height="600" style="display:none!important;"></iframe>
                        <iframe id="frameInvoice" name="frameInvoice" src=""  frameborder="0" width="auto" height="600" style="display:none!important;"></iframe>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <a id="re-print" class="btn btn-inverse btn-icon btn-circle btn-lg"><i class="fa fa-print"></i></a>
                <a id="re-print_invoice" class="btn btn-danger btn-icon btn-circle btn-lg"><i class="fa fa-print"></i></a>
                <button type="button" class="btn btn-primary" data-dismiss="modal">Aceptar</button>
            </div>
        </div>
      </div>
    </div>

    {{Form::open(["id"=>"frmTicket"])}}

        <div class="row">
            <!--<div class="note note-warning">
                <h4>Nota del cambio V2.0.0</h4>
                <p>
                    Para la correcta facturación de los tickets de aeropuerto, es necesario seleccionar
                    como "Forma de pago" la opción del aeropuerto al que pertenecen. En caso de no hacerlo
                    no aparecerá para su facturación.
                </p>
            </div>-->
            <div class="col-lg-12">

                <!-------------------------- Panel productos --------------------------->
                <div class="col-lg-12">
                    <div class="panel panel-inverse">
                        <div class="panel-heading">
                            <h4 class="panel-title">Nueva Venta</h4>
                        </div>

                        <div class="panel-body">

                            {{--  <div class="row">
                                @if(\Auth::user()->role->name =='Super Administrador')
                                    <div class="col-lg-3 form-group">
                                            <label for="" class="control-label">Base</label>
                                            {{Form::select('ticket[filial_id]',$filials,null,["class"=>"form-control select2",'placeholder'=>"Seleccione base","required"])}}
                                    </div>
                                @endif

                                <div class="col-lg-3 form-group">
                                    <label for="" class="control-label">Orden de Trabajo</label>
                                    <input type="text" class="form-control" name="ticket[job_order]" required data-parsley-trigger="input">
                                </div>
                            </div>  --}}

                            <div class="row">

                                <div class="col-lg-12">
                                    <div class="col-lg-9 table-responsive">
                                            {{--  <label for="" class="control-label">Seleccionar Concepto/Servicio</label>  --}}
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th class="text-center" width="25%">AUTO</th>
                                                    <th class="text-center" width="45%">TARIFA</th>
                                                    <th class="text-center" width="25%">IVA</th>
                                                    <th class="text-center" width="5%"></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td width="25%">
                                                        {{Form::select('',$cars,null,["class"=>"form-control select2",'placeholder'=>"Seleccione Auto", "id" => "selectCars"])}}
                                                    </td>
                                                    <td width="45%">
                                                        {{Form::select('',[],null,["class"=>"form-control select2", "id" => "selectRates"])}}
                                                    </td>
                                                    <td width="25%">
                                                        {{Form::select('',['0'=>'IVA 0%', '16'=>'IVA 16%'],null,["class"=>"form-control select2", "id" => "selectIva"])}}
                                                    </td>
                                                    <td width="5%">
                                                        <a id="addItem" class="btn btn-success btn-icon btn-circle btn-lg center-element"><i class="fa fa-plus"></i></a>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="col-lg-3 form-group">
                                        <div class="col-lg-12 form-group">
                                            <label for="" class="control-label">Seleccionar Tipo de Cambio</label>
                                            <hr style="margin-top: 1px!important; margin-bottom:9px!important;">
                                            {{Form::select('ticket[exchange_rate_id]',$exchangeRates,null,["class"=>"form-control select2"])}}
                                            {{Form::hidden('ticket[filial_id]', 6)}}
                                        </div>
                                        {{--<div class="col-lg-3 form-group">
                                            {{Form::select('exchange_rate[coin_id]',$coins,null,["class"=>"form-control select2 hidden"])}}
                                        </div>
                                        <div class="col-lg-3 form-group">
                                            {{Form::label('exchange_rate[exchange_rate]', "Valor de cambio:")}}
                                            {{Form::text('exchange_rate[exchange_rate]',null,["class"=>"form-control"])}}
                                        </div>--}}

                                    </div>
                                </div>

                                <div class="col-lg-12">
                                    <div class="table-responsive table-bordered">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th class="text-center" width="10%">AUTO</th>
                                                    <th class="text-center" width="26%">TARIFA</th>
                                                    <th class="text-center" width="12%">PRECIO</th>
                                                    <th class="text-center" width="13%" colspan="2">DESCUENTO</th>
                                                    <th class="text-center" width="12%">SUBTOTAL</th>
                                                    <th class="text-center" width="8%"></th>
                                                    <th class="text-center" width="6%"></th>
                                                </tr>
                                            </thead>
                                            <tbody id="salesConcepts">

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-12 m-t-10">
                                    <div class="col-lg-6 p-10 custom-card">
                                        <div class="col-lg-12">
                                            <div class="col-lg-4 p-l-0">
                                                <label for="" class="control-label">Formas de Pago</label>
                                            </div>
                                            <div class="col-lg-4 p-l-0">
                                                <span style="font-size:100%!important;" class="label label-inverse pull-right m-r-10">TOTAL: <span class="labelTotalPayMethod">0.00</span></span>
                                            </div>
                                            <div class="col-lg-4 p-l-0">
                                                <span style="font-size:100%!important;" class="label label-warning pull-right m-r-10">RESTAN: <span class="labelRestPayMethod">0.00</span></span>
                                            </div>
                                        </div>


                                        <div class="col-lg-12">
                                            <div class="table-responsive">
                                                <table class="table">
                                                    <thead>
                                                        <tr>
                                                            <th class="text-center" width="20%">TOTAL</th>
                                                            <th class="text-center" width="25%">FORMA DE PAGO</th>
                                                            <th class="text-center" width="9%"></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td width="25%">
                                                                {{Form::number('',null,["class"=>"form-control", "id" => "quantityPayMethod"])}}
                                                            </td>
                                                            <td width="45%">
                                                                {{Form::select('',[],null,["class"=>"form-control select2",'placeholder'=>"Seleccione forma de pago", "id" => "selectPayMethod"])}}
                                                            </td>
                                                            <td width="5%">
                                                                <a id="addPayMethod" class="btn btn-success btn-icon btn-circle btn-lg center-element"><i class="fa fa-plus"></i></a>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="table-responsive table-bordered">
                                                <table class="table">
                                                    <tbody id="payMethods">

                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <hr class="m-t-5 m-b-5">

                                        @include("tickets.invoice.clientInvoice")

                                    </div>

                                    <div class="col-lg-6 p-r-0">
                                        <ul class="list-group">
                                            {{--  <li class="list-group-item">
                                                <div class="form-group row">
                                                    <label class="col-md-5 col-form-label"> DESCUENTO</label>
                                                    <div class="col-md-7">
                                                        <input  name="ticket[discount]" type="text"  class="col-md-8 form-control" readonly  data-parsley-required="true">
                                                        <input name="ticket[discount_mx]" type="hidden">
                                                    </div>
                                                </div>
                                            </li>  --}}
                                            <li class="list-group-item">
                                                <div class="form-group row">
                                                    <label class="col-md-5 col-form-label"> SUBTOTAL</label>
                                                    <div class="col-md-7">
                                                        <input  name="ticket[subtotal]" type="text"  class="col-md-8 form-control" readonly  data-parsley-required="true">
                                                        <input name="ticket[subtotal_mx]" type="hidden">
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="form-group row">
                                                    <label class="col-md-5 col-form-label"> IVA 16% </label>
                                                    <div class="col-md-7">
                                                        <span class="badge badge-success m-b-5 pull-right" id="physicalTextIva"></span>
                                                        <div class="pull-left">
                                                            <input name="ticket[iva]"  type="text"   class="col-md-8 form-control stepper" data-parsley-required="true">
                                                            <input name="ticket[iva_mx]" type="hidden">
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="form-group row">
                                                    <label class="col-md-5 col-form-label"> TOTAL</label>
                                                    <div class="col-md-7">
                                                        <input name="ticket[total]" class="col-md-8 form-control" readonly data-parsley-trigger="input" data-parsley-required="true" data-parsley-physical-total>
                                                        <input name="ticket[total_mx]" type="hidden">
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="form-group row">
                                                    <textarea class="form-control" placeholder="Observaciones..." name="ticket[note]" rows="1" style="resize:vertical;max-height:100px;"></textarea>
                                                </div>
                                            </li>

                                        </ul>

                                        {{--  <div class="col-lg-12 form-group">
                                            <textarea class="form-control" placeholder="Observaciones..." name="ticket[note]" rows="1" style="resize:vertical;max-height:100px;"></textarea>
                                        </div>  --}}
                                    </div>
                                </div>
                            </div>

                            <div class="row">

                                {{--  <div class="col-lg-6">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            {{Form::label(null,'Correo para envío de ticket')}}
                                            {{Form::email('ticket[email]',null,["class"=>"form-control"])}}
                                        </div>
                                    </div>
                                    <br/>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            {{Form::label(null,'Copias de correo')}}
                                            {{Form::select('copies[]',[],null,["multiple","class"=>"form-control","data-role"=>"tagsinput","style"=>"width:100% !important;"])}}
                                        </div>
                                    </div>
                                </div>  --}}
                            </div>
                        </div>

                        <hr class="p-3 m-3">

                        <div class="row text-center p-b-10">
                            <button class="btn btn-success btn-lg" type="submit" >
                                Registrar Venta
                            </button>
                        </div>

                    </div>
                </div>
                <!-------------------------- fin panel productos --------------------------->

                {{--  <div class="col-lg-12">
                    <div class="panel panel-inverse">
                        <div class="panel-heading">
                            <h4 class="panel-title">Ticket</h4>
                        </div>
                        <div class="panel-body">


                            <h5>TICKET PERSONA MORAL</h5>
                            <ul class="list-group">
                                    <li class="list-group-item">
                                        <div class="form-group row">
                                            <label class="col-md-7 col-form-label"> SUBTOTAL</label>
                                            <div class="col-md-5">
                                                <input  name="moral_ticket[subtotal]" type="text"  class="col-md-8 form-control" readonly  data-parsley-required="true">
                                            </div>
                                        </div>
                                    </li>
                                    <li class="list-group-item">
                                        <div class="form-group row">
                                            <label class="col-md-7 col-form-label"> IVA 16% </label>
                                            <div class="col-md-5">
                                                <span class="badge badge-success m-b-5 pull-right" id="moralTextIva"></span>
                                                <div class="pull-left">
                                                        <input name="moral_ticket[iva]"  type="text"   class="col-md-8 form-control stepper" data-parsley-required="true">
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="list-group-item">
                                            <div class="form-group row">
                                                <label class="col-md-7 col-form-label"> RET IVA 4% </label>
                                                <div class="col-md-5">
                                                    <span class="badge badge-success m-b-5 m-l-10 pull-right" id="moralTextRetIva"></span>
                                                    <div class="pull-left">
                                                        <input name="moral_ticket[ret_iva]"  type="text"   class="col-md-8 form-control stepper " data-parsley-required="true">
                                                    </div>
                                                </div>
                                            </div>
                                        </li>

                                    <li class="list-group-item">
                                        <div class="form-group row">
                                            <label class="col-md-7 col-form-label"> TOTAL</label>
                                            <div class="col-md-5">
                                                <input  name="moral_ticket[total]" class="col-md-8 form-control" readonly  data-parsley-trigger="input" data-parsley-required="true" data-parsley-moral-total>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                        </div>
                    </div>
                </div>  --}}
            </div>
        </div>
    {{Form::close()}}
@else
    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-inverse">
                <div class="panel-heading">
                    <h4 class="panel-title">Nueva Venta</h4>
                </div>

                <div class="panel-body">
                    <div class="row text-center p-b-10">
                        <div class="note note-success">
                            <h4>Mensaje informativo</h4>
                            <p>
                                Antes de empezar a realizar ventas debes iniciar el turno de trabjo.
                                Da clic en el siguiente botón para iniciar un turno.
                            </p>
                        </div>
                    </div>

                    <form name="shiftForm">
                        <div class="row text-center p-b-10">
                            {{Form::btnShift()}}
                        </div>
                    </form>
                </div>


            </div>
        </div>
    </div>
@endif

@endsection

@section('plugins_css')
    {{Html::style('vendor/material/plugins/flipclock/flipclock.css')}}
    {{Html::style('vendor/material/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css')}}
    {{Html::style('vendor/material/plugins/touchspin/src/jquery.bootstrap-touchspin.css')}}
    {{Html::style('vendor/material/plugins/switchery/switchery.min.css')}}
@endsection

@section('js_plugins')
    {{Html::script('vendor/material/plugins/flipclock/flipclock.min.js')}}
    {{Html::script('vendor/material/plugins/moment/moment.min.js')}}
    {{Html::script('vendor/material/plugins/moment/moment.locale.es.min.js')}}
    {{Html::script('vendor/material/plugins/bootstrap-tagsinput/bootstrap-tagsinput.min.js') }}
    {{Html::script('vendor/material/plugins/touchspin/src/jquery.bootstrap-touchspin.js') }}
    {{Html::script('vendor/material/plugins/switchery/switchery.min.js')}}

    {{Html::script('vendor/tray-2.0/js/dependencies/rsvp-3.1.0.min.js')}}
    {{Html::script('vendor/tray-2.0/js/dependencies/sha-256.min.js')}}
    {{Html::script('vendor/tray-2.0/js/qz-tray.js')}}
@endsection

@section('js_customs')

    <!-- Archivo editable -->
    {{ Html::script('js/utils.js') }}
    {{ Html::script('js/tickets/invoiceTicket.js') }}
    {{ Html::script('js/tickets/app.js') }}

    <!-- Archivo de produccion -->
    {{--  {{Html::script(mix('js/production/sellTickets.js'))}}  --}}

@endsection