@extends('layout.default')

@section('page_toolbar')
<a onclick="addCurrency(null)" class="btn btn-primary px-2 font-weight-bold btn-sm"  ><i class="icon-1x fas fa-plus"></i> Add Currency</a>
&nbsp;<a class="btn btn-success px-2 font-weight-bold btn-sm"  href="{{ URL::previous() }}">
<i class="icon-1x flaticon2-fast-back"></i> Back
</a>
@endsection

@section('content')
<!--begin::Content-->
<div class="card card-custom">
    <div class="card-body">
        <table class="table table-hover display" id="dataTables"  style="width:100%">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Sign</th>
                    <th>Symbol</th>
                    <th >Action</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
<!--end::Content-->
@include('admin.currency.currency_modal')
@endsection

@section('styles')
<link href="{{ url('plugins/custom/datatables/datatables.bundle.css?v=7.0.6')}}" rel="stylesheet" type="text/css"/>
@endsection

@section('scripts')
<script src="{{ url('plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}"></script>

<script>

    var table;

    $(function () {
       table = $('#dataTables').DataTable({
            bSearchable: true,
            pagination: true,
            // pageLength: 10,
            responsive: true,
            searchDelay: 500,
            processing: true,
            serverSide: true,
            "aLengthMenu": [[50, 100, 500, -1], [50, 100, 500, "All"]],
            "pageLength": 50,
            ajax: {
                url: '{{ url('admin/currencies/lists') }}',
                data: search
            },
            columns: [
                {data: 0, name: 'name'},
                {data: 1, name: 'sign'},
                {data: 2, name: 'symbol'},
                {data: 3, name: 'action', orderable: !1, searchable: !1}
            ]
        });
       
        $(".searchs").keyup(function () {
           table.draw();
        });
    });
   

    function search(value) {
           value.search_name = $('input[name=name]').val();
    }

    function softDelete(b) {
        Swal.fire({
            title: "Are you sure?",
            text: "Currency will be deleted from the database.You won't be able to change this!",
            icon: "warning",
            showCancelButton: true,
            confirmButtonText: "Yes. Delete it!",
            confirmButtonColor: '#e85f5d',
        }).then(function(result) {
            if (result.value) {
                Swal.fire({
                    title: "Are you sure?",
                    text: "You will permanently lose the data - are you 100% sure?",
                    icon: "warning",
                    showCancelButton: true,
                    confirmButtonText: "Yes. Delete it!",
                    confirmButtonColor: '#e85f5d',
                }).then(function(result) {
                    if (result.value) {
                        $.ajax({url: "{{ url('admin/currencies') }}/" + b, type: "DELETE", dataType: "html"})
                        .done(function (a) {
                            var data = JSON.parse(a);
                            // alert(data);
                            if(data.flagError){
                                showAlert(data.message, "error");
                            }else{
                                showAlert(data.message, "success");
                                setTimeout(function () {
                                    table.ajax.reload(null, false);
                                }, 1000);
                            }   
                        }).fail(function () {
                            showAlert("Somthing went wrong!", "error");
                        });   
                    }else if (result.dismiss === "cancel") {
                        Swal.fire(
                            "Cancelled",
                                "",
                            "error"
                        )
                    }
                });   
            }else if (result.dismiss === "cancel") {
                Swal.fire(
                    "Cancelled",
                        "",
                    "error"
                )
            }
       });
    }
   
</script>

@endsection