@extends('layouts.base')
@push('css')
    <!-- Switchery -->
    <link href="{{URL::to('vendors/switchery/dist/switchery.min.css')}}" rel="stylesheet">
    <!-- Datatables -->
    <link href="{{URL::to('vendors/datatables.net-bs/css/dataTables.bootstrap.min.css')}}" rel="stylesheet">
    <link href="{{URL::to('vendors/datatables.net-buttons-bs/css/buttons.bootstrap.min.css')}}" rel="stylesheet">
    <link href="{{URL::to('vendors/datatables.net-fixedheader-bs/css/fixedHeader.bootstrap.min.css')}}"
          rel="stylesheet">
    <link href="{{URL::to('vendors/datatables.net-responsive-bs/css/responsive.bootstrap.min.css')}}" rel="stylesheet">
    <link href="{{URL::to('vendors/datatables.net-scroller-bs/css/scroller.bootstrap.min.css')}}" rel="stylesheet">
@endpush
@section('content')
    <div class="x_panel">
        <div class="x_content">
            <br/>
            <form action="{{route('currencies.store')}}" enctype="multipart/form-data" method="post" id="form-create"
                  data-parsley-validate class="form-horizontal form-label-left input_mask">
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback @if($errors->get('name')) has-error @endif">
                        <input type="text" class="form-control has-feedback-left" id="first_name"
                               placeholder="Nombre" name="name" required value="{{old('name')}}">
                        <span class="fa fa-user form-control-feedback left" aria-hidden="true"></span>
                    </div>

                    <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback @if($errors->get('symbol')) has-error @endif">
                        <input type="text" class="form-control" id="symbol" value="{{old('symbol')}}"
                               placeholder="Símbolo" name="symbol" required>
                        <span class="fa fa-btc form-control-feedback right" aria-hidden="true"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback @if($errors->get('xe_code')) has-error @endif">
                        <input type="text" class="form-control has-feedback-left" id="xe_code"
                               value="{{old('xe_code')}}" placeholder="Xe Código" name="xe_code" required>
                        <span class="fa fa-at form-control-feedback left" aria-hidden="true"></span>
                    </div>

                    <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback @if($errors->get('dolar_value')) has-error @endif">
                        <input type="text" class="form-control" id="dolar_value" placeholder="Valor en $"
                               name="dolar_value" required>
                        <span class="fa fa-usd form-control-feedback right" aria-hidden="true"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                        <label>
                            <input type="checkbox" class="js-switch" name="active"/> Activo
                        </label>
                    </div>

                    <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback @if($errors->get('buy_value')) has-error @endif">
                        <input type="text" class="form-control" id="buy_value" placeholder="Venta en $" name="buy_value"
                               required>
                        <span class="fa fa-usd form-control-feedback right" aria-hidden="true"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-6 form-group">
                        <label for="wallet_url">URL Wallet</label>
                        <input type="text" name="wallet_url" id="wallet_url" class="form-control"
                               placeholder="URL Wallet">
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-6 form-group">
                        <label for="wallet_qr_file">
                            <br>Imagen QR
                            <input type="file" name="wallet_qr_file" id="wallet_qr_file">
                        </label>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-6 form-group">
                        <label for="crypto_icon">Icono de Criptomoneda</label>
                        <input type="text" name="crypto_icon" id="crypto_icon" class="form-control"
                               placeholder="Icono de Criptomoneda">
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                        <label>
                            <br>
                            Habilitado
                            <input type="checkbox" class="js-switch" name="allow_transaction"/>
                        </label>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                        <label>
                            <br>
                            Crytomoneda
                            <input type="checkbox" class="js-switch" name="cryptocoin"/>
                        </label>
                    </div>
                </div>
                <div class="ln_solid"></div>
                <div class="form-group">
                    <div class="col-md-5 col-sm-9 col-xs-12 col-md-offset-5">
                        <button id="create" type="submit" class="btn btn-success">Submit</button>
                    </div>
                </div>
                <input type="hidden" name="_token" value="{{csrf_token()}}">

            </form>
        </div>
    </div>
    <div class="row">
        <div class="x_panel">
            <div class="x_content">
                <table id="users" class="table table-stripped table-hovered">
                    <thead>
                    <tr>
                        <th>Nombre</th>
                        <th>Valor en $</th>
                        <th>Habilitado</th>
                        <th>Cryptomoneda</th>
                        <th>Activo</th>
                        <th>Acciones</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($currencies as $currency)
                        <tr>
                            <td>{{$currency->name}}</td>
                            <td>{{$currency->dolar_value}}</td>
                            <td>{{($currency->active==1)?'Si':'No'}}</td>
                            <td>{{($currency->cryptocoin==1)?'Si':'No'}}</td>
                            <td>{{($currency->allow_transaction==1)?'Si':'No'}}</td>
                            <td>
                                <form action="{{route('currencies.destroy', ['id'=>$currency->id])}}" method="POST">
                                    <input type="hidden" name="_method" value="DELETE">
                                    <input type="hidden" name="_token" value="{{csrf_token()}}">
                                    <div class="btn-group">
                                        <a class="edit btn btn-warning"
                                           href="{{route('currencies.edit', ['id'=>$currency->id])}}">Editar</a>
                                        <a class="refresh btn btn-info"
                                           href="{{route('currencies.refresh', ['id'=>$currency->id])}}">Actualizar</a>
                                        <a class="viewImage btn btn-primary" @if(!$currency->wallet_qr) disabled
                                           @endif href="#" data-img="{{$currency->wallet_qr}}">Ver QR</a>
                                        <a class="viewImage btn btn-primary" @if(!$currency->crypto_icon) disabled
                                           @endif href="#" data-img="{{$currency->crypto_icon}}">Ver Icono</a>
                                        <a class="delete btn btn-danger" @if(!$currency->active) disabled
                                           @endif href="javascript:void(0)">Desactivar</a>
                                    </div>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="modal fade" tabindex="-1" role="dialog" id="qr_modal">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content" style="padding: 25px;">
                <img src="#" alt="" id="qr_image" class="img-responsive img-thumbnail center-block">
            </div>
        </div>
    </div>
@endsection
@push('js')
    <!-- Parsley -->
    <script src="{{URL::to('vendors/parsleyjs/dist/parsley.min.js')}}"></script>
    <!-- Switchery -->
    <script src="{{URL::to('vendors/switchery/dist/switchery.min.js')}}"></script>
    <!-- Datatables -->
    <script src="{{URL::to('vendors/datatables.net/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{URL::to('vendors/datatables.net-bs/js/dataTables.bootstrap.min.js')}}"></script>
    <script src="{{URL::to('vendors/datatables.net-buttons/js/dataTables.buttons.min.js')}}"></script>
    <script src="{{URL::to('vendors/datatables.net-buttons-bs/js/buttons.bootstrap.min.js')}}"></script>
    <script src="{{URL::to('vendors/datatables.net-buttons/js/buttons.flash.min.js')}}"></script>
    <script src="{{URL::to('vendors/datatables.net-buttons/js/buttons.html5.min.js')}}"></script>
    <script src="{{URL::to('vendors/datatables.net-buttons/js/buttons.print.min.js')}}"></script>
    <script src="{{URL::to('vendors/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js')}}"></script>
    <script src="{{URL::to('vendors/datatables.net-keytable/js/dataTables.keyTable.min.js')}}"></script>
    <script src="{{URL::to('vendors/datatables.net-responsive/js/dataTables.responsive.min.js')}}"></script>
    <script src="{{URL::to('vendors/datatables.net-responsive-bs/js/responsive.bootstrap.js')}}"></script>
    <script src="{{URL::to('vendors/datatables.net-scroller/js/dataTables.scroller.min.js')}}"></script>
    <script>
        $(document).ready(function () {
            $("#users").dataTable();
            $(document).on('click', ".viewImage", function (e) {
                e.preventDefault();
                if ($(this).data('img')) {
                    $("#qr_image").prop('src', $(this).data('img'));
                    $("#qr_modal").modal();
                } else {
                    alert("Imagen QR no disponible para éste Currency!");
                }
            });
        });
        $('#form-create').parsley().on('field:validated', function () {
            var ok = $('.parsley-error').length === 0;
            $('.bs-callout-info').toggleClass('hidden', !ok);
            $('.bs-callout-warning').toggleClass('hidden', ok);
        });
        $(document).on("click", "#create", function (e) {
            if (!confirm('¿Está seguro de crear el registro?')) {
                e.preventDefault();
                return;
            }
            $(this).closest('form').submit();
        });
        $(document).on('click', '.refresh', function (e) {
            if (!confirm('¿Está seguro de actualizar éste registro?')) {
                e.preventDefault();
                return;
            }
        });
        $(document).on("click", ".delete", function (e) {
            if (!e.target.outerHTML.includes('disabled')) {
                if (!confirm('¿Está seguro de eliminar éste registro?')) {
                    e.preventDefault();

                    return;
                }

                $(this).closest('form').submit();
            }
        });
    </script>
@endpush