@extends('adminlte::layouts.app')

@section('htmlheader_title')
	Trades
@endsection

@section('contentheader_title')
    Trades
@endsection

@section('header_styles')
	<link rel="stylesheet" type="text/css" href={{ asset("plugins/datatables/dataTables.bootstrap.css")}}>
@stop

@section('main-content')
	<div class="container-fluid spark-screen">
		<div class="row">
			<div class="col-md-12">
				<div class="panel panel-default">
					<div class="panel-heading">
						<div class="panel-heading">
							<a href="{{ url('/trades/create') }}" class="btn btn-primary">New Trades</a>
						</div>
					</div>
					<div class="panel-body">
						@include('trades.table')
					</div>
				</div>
			</div>
		</div>
	</div>

@endsection

@section('footer_scripts')
{{--
<script type="text/javascript" language="javascript" src= {{ asset("plugins/jQuery/jquery-2.2.3.min.js")}} ></script>
--}}
<script type="text/javascript" language="javascript" src= {{ asset("plugins/datatables/jquery.dataTables.js")}} ></script>
<script type="text/javascript" language="javascript" src= {{ asset("plugins/datatables/dataTables.bootstrap.js")}} ></script>
<script type="text/javascript" language="javascript" src= {{ asset("plugins/sweetalert/sweetalert.min.js")}} ></script>

<script>
    $( document ).ready(function() {

        /*$(function () {
            $('#example2').DataTable({
                'paging'      : true,
                'lengthChange': false,
                'searching'   : false,
                'ordering'    : true,
                'info'        : true,
                'autoWidth'   : false
            })
        });*/



    });

    function doDelete(id) {
        swal({
            title: "Are you sure to delete this Trade ?",
            text: "",
            icon: "warning",
            buttons: true,
            dangerMode: false,
        })
            .then((willUpdate) => {
            if(willUpdate) {
                deleteFromDB(id);
            } else {
                //swal("Not updated");
            }
        });
    }

    function deleteFromDB(category_id) {
        var dataUrls = "{{url('trades/:category_id')}}";
        dataUrls = dataUrls.replace(':category_id', category_id);
        var data = {
            "_token": "{{ csrf_token() }}",
            category_id: category_id
        };
        //alert(dataUrls);
        var post = ajax_post(dataUrls, data, 'delete');
        post.done(function (response) {
            swal({
                title: "Trade delete success!",
                icon: "success",
                timer: 3000
            });
            setInterval(function() {
                window.location.href = "{{url('trades')}}";
            }, 3000)
        });
    }

    function ajax_post(url, data, type) {
        return $.ajax({
            'dataType': 'json',
            'type': type,
            'url': url,
            async: true,
            'data': data
        });
    }
</script>
@stop