@extends('template.home.index')
@section('title', trans('orders.titulo_ajustes'))

@section('style')
  <link rel="stylesheet" href="{{asset('assets/css/ajustes.css')}}">
@endsection

@section('content')
  <div class="contentHistorial">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="table-responsive">
            <table class="table table-striped">
              <thead class="thead-light">
                <tr>
                  <th scope="col">{{  trans('orders.referencia') }} </th>
                  <th scope="col">{{  trans('orders.nombre') }}</th>
                  <th scope="col">{{  trans('orders.documento') }}	</th>
                  <th scope="col">{{  trans('orders.fecha') }}	</th>
                  <th scope="col">{{  trans('orders.opciones') }}</th>
                </tr>
              </thead>
              <tbody>
                @foreach ($orders as $order)
                  <tr>
                    <th scope="row">{{$order->referencia}}</th>
                    @if (!empty($order->funUserOrder))
                      <td>{{$order->funUserOrder->nombre}} {{$order->funUserOrder->apellido}}</td>
                      <td>{{$order->funUserOrder->numeroDocumento}}</td>
                    @else
                      <td>{{  trans('orders.clienteGenerico') }}</td>
                      <td><span class="badge badge-dark">{{  trans('orders.sinDocumento') }}</span></td>
                    @endif
                    <td>{{date('d/m/Y h:i a', strtotime($order->created_at))}}</td>
                    <td>
                      @sidebar('ajustes.historial.show')
                        <a href="{{route('ajustes.historial.show', [$order->idPedido])}}" class="btn btn-dark btn-sm"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                      @endsidebar
                      @sidebar('ajustes.historial.sendEmail')
                        <a type="button" href="Javascript:;" onclick="sendEmail('{{$order->idPedido}}','{{$order->referencia}}')" class="btn btn-dark btn-sm"><i class="fa fa-paper-plane" aria-hidden="true"></i></a>
                      @endsidebar
                    </td>
                  </tr>
                @endforeach
              </tbody>
            </table>
          </div>
          <div class="row" style="padding-top:  10px;padding-bottom: 10px;">
            <div class="col-md-12 text-center">
              {!! $orders->appends(Request::all())->render() !!}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
<!-- enviar por correo -->
<div class="modal fade" id="openSendEmail" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content modalEnjoit">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLongTitle">{{  trans('orders.enviarFactura') }} </h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div class="row">
            <div class="col-md-12">
              <div class="list-group" id="listState">
                <form action="" method="post">
                    @csrf
                    <input type="hidden" name="idOrder" id="idOrderSend">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="">{{  trans('orders.correo') }}</label>
                                <input type="text" name="email" id="email" class="form-control" value="">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <a href="Javascript:;" onclick="sendFormEmail()" type="button" class="btn btn-info">{{  trans('orders.enviar') }}</a>
                        </div>
                    </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection

@section('js')
  <script type="text/javascript" src="{{asset('assets/js/ajustes.js')}}"></script>
  <script type="text/javascript">
      $(document).ready(function() {
          $("form").keypress(function(e) {
              if (e.which == 13) {
                  return false;
              }
          });
      });
  </script>
@endsection