@extends('admin/layouts/default')

@section('title')
Transactions
@parent
@stop
<style>
    .dataTables_length {
        width:50%;
    }
    .dataTables_filter {
        margin: -35px 0 0 0;
    }
    .dataTables_paginate {
        /*width: 50%;*/
        margin-top: -30px !important;
    }
    .dataTables_info {
        width: 50%;
    }
    .dt-buttons {
        margin-bottom: 15px;
    }
    .buttons-excel {
        padding: 9px;
        background: #01bc8c;
        color: #fff;
        font-size: 20px;
        border: unset;
        border-radius: 2px;
    }
</style>

{{-- Page content --}}
@section('content')
<section class="content-header">
    <h1>{{Lang::get('transactions.transactions')}}</h1>
    <ol class="breadcrumb">
        <li>
            <a href="{{ route('admin.dashboard') }}"> <i class="livicon" data-name="home" data-size="16" data-color="#000"></i>
                {{Lang::get('general.dashboard')}}
            </a>
        </li>
        <li><a href="{{ route('admin.transactions.index') }}"> {{Lang::get('transactions.transactions')}} </a></li>
        <li class="active"><a href="{{ route('admin.transactions.index') }}"> {{Lang::get('transactions.transactions_list')}} </a></li>
    </ol>
</section>

<section class="content paddingleft_right15">
    <div class="row">
     @include('flash::message')
        <div class="panel panel-success ">
            <div class="panel-heading clearfix">
                <h4 class="panel-title pull-left"> <i class="livicon" data-name="list-ul" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                    {{Lang::get('transactions.transactions_list')}}
                </h4>
                <div class="pull-right">
                <!--     <a href="{{ route('admin.transactions.create') }}" class="btn btn-sm btn-default"><span class="glyphicon glyphicon-plus"></span> @lang('button.create')</a> -->
                </div>
            </div>
            <br />
            <div class="panel-body table-responsive">
                 @include('admin.transactions.table')
                 
            </div>
        </div>
 </div>
</section>
@stop
<script src="{{ asset('assets/js/jquery.min.js')}}"></script>
<script>
    $(document).ready(function() {
        $(document).on("change", "#set_priority", function() {
            var base_url=$("#baseurl").val();
            var tr_id = $(this).closest("tr").find("td:eq(0)").text();
            var priority = $(this).val();
            console.log(tr_id);

            Swal.fire({
                title: 'Do you want to change the priority?',
                showDenyButton: true,
                showCancelButton: true,
                confirmButtonText: 'Change',
                denyButtonText: `Cancel`,
            }).then((result) => {

                if (!result.value == true) {
                    console.log("Cancel")
                } else {
                    $.ajax({
                        type: "post",
                        url: base_url+"/admin/transaction/setpriority",
                        data: {
                            'priority': priority,
                            'tr_id': tr_id
                        },
                        success: function(datafile) {
                            console.log(datafile);
                        }
                    })
                }
            })

        });

    });
</script>