@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/>
            <h3>Registrar Compra de Criptomonedas: </h3>
            <form action="{{route('cryptomovements.store')}}" 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('currency_id')) has-error @endif">
                        <label for="currency_id">Moneda</label>
                        <select name="currency_id" id="currency_id" class="form-control" required>
                            <option value="">Seleccione</option>
                            @foreach($cryptocoins as $cryptocoin)
                                <option value="{{$cryptocoin->id}}">{{$cryptocoin->name}}</option>
                            @endforeach
                        </select>
                        <span class="fa fa-btc form-control-feedback right" 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">
                        <label for="amount">Cantidad</label>
                        <input type="text" class="form-control" id="amount" value="{{old('amount')}}" placeholder="Cantidad" name="amount" 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('dolar_equivalence')) has-error @endif">
                        <label for="dolar_equivalence">Pago en $</label>
                        <input type="text" class="form-control has-feedback-right" id="dolar_equivalence" value="{{old('dolar_equivalence')}}" placeholder="Pago en $" name="dolar_equivalence" required>
                        <span class="fa fa-usd form-control-feedback right" aria-hidden="true"></span>
                    </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">
                <h3>Criptomonedas:</h3>
                <table id="cryptocoins" class="table dataTable table-stripped table-hovered">
                    <thead>
                    <tr>
                        <th>Nombre</th>
                        <th>Símbolo</th>
                        <th>Código</th>
                        <th>Valor en $</th>
                        <th>Activo</th>
                        <th>Disponible</th>
                        <th>Acciones</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($cryptocoins as $cryptocoin)
                        <tr>
                            <td>{{$cryptocoin->name}}</td>
                            <td>{{$cryptocoin->symbol}}</td>
                            <td>{{$cryptocoin->xe_code}}</td>
                            <td>{{$cryptocoin->dolar_value}}</td>
                            <td>{{($cryptocoin->active==1)?'Si':'No'}}</td>
                            <td>{{$cryptocoin->available}}</td>
                            <td>
                                <div class="btn-group">
                                    <a class="edit btn btn-info">Finanzas</a>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="x_panel">
            <div class="x_content">
                <h3>Movimientos de Criptomonedas</h3>
                <table id="movements" class="table table-stripped table-hovered">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>Cantidad</th>
                        <th>Currency</th>
                        <th>Tipo</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($cryptomovements as $cryptomovement)
                        <tr>
                            <td>{{$cryptomovement->id}}</td>
                            <td>{{$cryptomovement->amount}}</td>
                            <td>{{$cryptomovement->currency->name}}</td>
                            <td>{{($cryptomovement->type=='buy')?'Compra':'Intercambio'}}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </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 () {
        $(".dataTable").dataTable();
        $("#movements").DataTable({
            responsive:true,
            dom: "Bfrtip",
            buttons: [
                {
                    extend: "csv",
                    className: "btn-sm"
                },
                {
                    extend: "excel",
                    className: "btn-sm"
                }
            ],
        })
    });
    $('#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 registrar la compra?')) {
            e.preventDefault();
            return;
        }
        $(this).closest('form').submit();
    });
</script>
@endpush