@extends('layouts.app')

@section('style')
    <link rel="stylesheet" type="text/css" href="{{ asset('css/plugins/sweetalert/sweetalert.css') }}">
@endsection

@section('content')
    @if((\Carbon\Carbon::parse(finalSession()->expiration)->format('Y-m-d') > \Carbon\Carbon::now()->format('Y-m-d')) )
        <div id="vue-app">
           <upload-file-xml-reception></upload-file-xml-reception>
       </div>
       {{-- <div class="row">
            <form action="/recepcion" method="post" accept-charset="utf-8" enctype="multipart/form-data">
                @csrf
                <div class="col-md-4">
                    <label for="file">Escoger XML</label>
                    <input type="file" id="file" name="file" accept="text/xml" class="form-control">
                </div>
                <div class="col-md-4">
                    <label for="message">Condicion</label>
                    <select name="message" id="message" class="form-control">
                        <option value="1" selected>Aceptar Documento</option>
                        <option value="2">Aceptar Parcial</option>
                        <option value="3">Rechazar Documento</option>
                    </select>
                </div>
                <div class="col-md-4">
                    <label for="message">Actividad</label>
                    <select name="activity" id="activity" class="form-control">
                        <option value="" >Seleccione una Actividad (Opcional)</option>
                        @foreach($activities AS $activity)
                            @if($activity->sysconf_id == sysconf()->id)
                                <option value="{{$activity->activity->id}}" selected>{{$activity->activity->name}}</option>
                            @endif
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4">
                    <div style="margin-top:1.5em;">

                    </div>
                    <button id="submit" class="btn btn-success" type="submit">Enviar</button>
                </div>
            </form>
        </div>--}}
    @else
        @if(sysconf()->type == 'otros')
            <h1>Su paquete de facturas a terminado, o su mensualidad vencido. debe realizar la transferencia o deposito
                a las cuentas: </h1>
            <ul>
                <li>Banco de Costa Rica: CR18015202001215592524</li>
                <li>Banco Nacional: 200-01-022-036147-0</li>
            </ul>
        @else
            <h1>Su paquete de facturas a terminado, o su mensualidad vencido. debe realizar la transferencia o deposito
                a las cuentas: </h1>

            <ul>
                <li>Banco de Costa Rica: CR84015202001215593179</li>
                <li>Banco Nacional: 200-02-022-027599-5</li>
            </ul>
        @endif
        <h2>A nombre de: Sistemas Amigables de Costa Rica SAOR S.A.</h2>
    @endif
@endsection
@section('scripts')
    <script src="{{ mix('js/app.js') }}"></script>
    <script src=" {{ asset('js/plugins/sweetalert/sweetalert.min.js') }} "></script>
    <script>
      $('form').on("submit", function (e) {
        e.stopPropagation();
        e.preventDefault();
        if ($('#file')[0].files.length == 0) {
          swal("Mensaje del Receptor", "Debe seleccionar un archivo XML", "warning");
          return false;
        }
        if ($('#file')[0].files[0].type != 'text/xml') {
          swal("Mensaje del Receptor", "Debe seleccionar un archivo XML", "warning");
          return false;
        }
        var data = new FormData();

        data.append('message', $('#message').val());
        data.append('activity', $('#activity').val());
        data.append('file', $('#file')[0].files[0]);
        data.append('_token', "{{ csrf_token() }}");
        $('#submit').attr('disabled', true);
        $.ajax({
          type: 'POST',
          url: '/recepcion',
          async: true,
          cache: false,
          contentType: false,
          processData: false,
          data: data,
        }).done(function (response) {
          $('#submit').attr('disabled', false);
          if (response.message == 1) {
            swal("Mensaje de receptor", response.message, "success");
            $('form')[1].reset();
          } else {
            swal("Mensaje de receptor", response.message, "success");
          }
        }).fail(function (error) {
          $('#submit').attr('disabled', false);
          if (error.status == 422) {
            swal("Mensaje de receptor", error.responseJSON.message, "warning");
          } else {
            swal("Mensaje de receptor", error.responseJSON.message, "error");
          }
        })
      });
    </script>
@endsection