@extends("agentportal.layouts.layout")
@section("title", "BNB CASHAPP | ".trans('message_lang.LBL_DASHBOARD'))
@section("page_style")
<meta name="_token" content="{{ csrf_token() }}">
<link href="{{ url('dist/assets/plugins/custom/fullcalendar/fullcalendar.bundle.css') }}" rel="stylesheet" type="text/css" />
<style>
    .alert.alert-custom.alert-danger.show {
        margin-top: 200px;
    }
    .add-w{
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    background-image: linear-gradient(to left top, #ebf9f8, #ecfaf9, #ecfbfa, #edfcfc, #eefdfd);
    border-radius: 5px;
    color: #000;
    padding: 10px 0;
    margin-bottom: 10px;
    }
    .add-w span {
    text-align: center;
    display: block;
    font-weight: 700;
    color: #000;
    font-size: 20px;
}
    .add-w label {
        font-size: 20px;
        font-weight: 400;
        color: #000;
        margin: 0;
    }
    .add-w span {
        text-align: center
    }

    .row.w-60p.show-notification > div{
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    background: rgb(79,137,162);
    background: linear-gradient(90deg, rgb(200 236 251) 5%, rgba(206,200,246,1) 35%);
    border-radius: 5px;
    color: #fff;
    padding: 20px 35px 20px 15px;
    margin-bottom: 10px;
    }
    a.close_notification {
    position: absolute;
    right: 15px;
    font-size: 22px;
    color: #282424;
    }
    @media (min-width: 992px){
        .dashboard-main{margin-top: -70px}
    }
    .row.w-60p.show-notification i{margin-right: 20px;font-weight: 700;color:#282424;margin-left: 10px;font-size: 25px:}
    .row.w-60p.show-notification {
        padding:0 13px;
        margin: 0 auto;
        width: 100%;
        background: #ffffff;
    }
    .balance-main > div{align-items: center}
    .row.w-60p.show-notification label {
        font-size: 20px;
        font-weight: 400;
        color: #282424;
        margin: 0;
    }
    .balance-main {
    margin-top: 20px;
    background: #fff;
    margin-bottom: 20px;
    padding: 10px 15px;
    border-radius: 5px;
    }
    .row.form-box .col-4 {
        min-height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .row.form-box .col-4 span {
        display: block;color: #000;font-size: 45px;width:100%;
    }
    .row.form-box .col-4 span.card-label.text-dark {
        color: #000 !important;
        font-size: 20px;
        font-weight: 700;
    }
    .row.form-box .col-4 .card-box{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgb(78 223 246 / 10%); flex-wrap: wrap; flex-direction: column; padding: 0 45px;border-radius: 20px; }
    .card.card-custom.card-stretch.card-stretch-half.gutter-b.p-b { padding: 0 20px 40px; }
    .custom_date {display: none;}
    .card.card-custom.card-stretch.card-stretch-half.gutter-b{height: auto;}
    .show-notification{animation: fadeInRight 1s ease-in-out;}
    .hide-notification{animation: fadeOutRight 1s ease-in-out;}
@keyframes fadeInRight {
  from {
    transform: translateX(300px);
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    transform: translateX(300px);
    opacity: 0;
  }
}

body{overflow-x: hidden}

#swal2-content {
    overflow-x: hidden
}

@media only screen and (max-width: 991.98px) {
    .topdash {
        padding-top: 90px !important;
    }
}



.animation-item{display: flex;align-items: center;}
.show-notification.animation-group.grade_1 .animation-item{background: linear-gradient(90deg, rgb(255 209 250) 5%, rgba(206,200,246,1) 35%);}
.show-notification.animation-group.grade_2 .animation-item{background: linear-gradient(90deg, rgb(237 228 255) 5%, rgba(206,200,246,1) 35%);}
.row.w-60p.show-notification label p{margin-bottom: 0}
</style>
@endsection
@section("content")
	<div class="content d-flex flex-column flex-column-fluid dashboard-main" id="kt_content">
		<div class="d-flex flex-column-fluid t-pos">
			<div class="container-fluid topdash">
                <input type="hidden" name="hdn_is_from_agent_portal" id="hdn_is_from_agent_portal" value="1">
                <div class="animate-sec fadeInAnimation">
                @hasanyrole('main teller|supervisor|teller')
                    @if(count($notifications) > 0)
                        @foreach ($notifications as $key => $notification)
                            <div class="row w-60p show-notification animation-group grade_{!! $key % 3 !!}">
                                <div class="animation-item col-sm-12 col-md-12">
                                    <i class="flaticon2-information"></i>
                                    <label>{!! $notification->message !!}</label>
                                    <a href="javascript:;" class="close_notification">x</a>
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>
                <div class="balance-main">
                    <div class="row">
                        <div class="col-sm-8 col-md-8">
                            <div class="row">
                            @if(isset(auth()->guard('agentportal')->user()->agentLocation) && (auth()->guard('agentportal')->user()->agentLocation->parent_id == 0 || auth()->guard('agentportal')->user()->agentLocation->network->enable_pay_transaction == true) && auth()->guard('agentportal')->user()->agentLocation->enable_pay_transaction == true)
                            <div class="col-sm-6 col-md-6">
                                <a href="{{ url('agentportal/payments/create') }}" class="btn btn-danger font-weight-bolder btn-block my-2">{!! trans('message_lang.BTN_PAY_TRANSACTION') !!}</a>
                            </div>
                            @endif
                            @if(isset(auth()->guard('agentportal')->user()->agentLocation) && (auth()->guard('agentportal')->user()->agentLocation->parent_id == 0 || auth()->guard('agentportal')->user()->agentLocation->network->enable_pay_repayment == true) && auth()->guard('agentportal')->user()->agentLocation->enable_pay_repayment == true)
                            <div class="col-sm-6 col-md-6">
                                <a href="{{ url('agentportal/payments/create-repayment') }}" class="btn btn-danger font-weight-bolder btn-block my-2">{!! trans('message_lang.LBL_PAY_REPAYMENT') !!}</a>
                            </div>
                            @endif
                            @if(isset(auth()->guard('agentportal')->user()->agentLocation) && isset(auth()->guard('agentportal')->user()->agentLocation->agentCountry) && in_array(auth()->guard('agentportal')->user()->agentLocation->agentCountry->isoname,[config('constants.GN_COUNTRY_CODE'),config('constants.SL_COUNTRY_CODE'),config('constants.LB_COUNTRY_CODE')]))
                                <div class="col-sm-6 col-md-6">
                                    <a href="{{ url('agentportal/payment-requests/create') }}" class="btn btn-primary btn-block my-2">{!! trans("message_lang.BTN_SUBMIT_PAID_TRANSACTION") !!}</a>
                                </div>
                            @endif
                            @if (auth()->guard('agentportal')->user()->hasAnyRole('main teller|supervisor|teller') && auth()->guard('agentportal')->user()->agentLocation->sending_enabled == 1 && auth()->guard('agentportal')->user()->sending_enabled == 1)
                            <div class="col-sm-6 col-md-6">
                                <a href="{{ url('agentportal/send-money/create') }}" class="btn btn-info font-weight-bolder btn-block my-2">{!! trans('message_lang.BTN_SEND_MONEY') !!}</a>
                            </div>
                            @endif
                            @if(isset(auth()->guard('agentportal')->user()->agentLocation)&& isset(auth()->guard('agentportal')->user()->agentLocation->agentCountry) && in_array(auth()->guard('agentportal')->user()->agentLocation->agentCountry->isoname,[config('constants.GN_COUNTRY_CODE'),config('constants.SL_COUNTRY_CODE'),config('constants.LB_COUNTRY_CODE')]))
                                <div class="col-sm-6 col-md-6">
                                    <a href="{{ url('agentportal/validation-requests/create') }}" class="btn btn-success font-weight-bolder btn-block my-2">{!! trans("message_lang.BTN_SEND_VALIDATION_REQUEST") !!}</a>
                                </div>
                            @endif
                            @if(isset(auth()->guard('agentportal')->user()->agentLocation) && ((auth()->guard('agentportal')->user()->agentLocation->parent_id == 0 || auth()->guard('agentportal')->user()->agentLocation->network->enable_cashout == true) && auth()->guard('agentportal')->user()->agentLocation->enable_cashout == true) || ((auth()->guard('agentportal')->user()->agentLocation->parent_id == 0 || auth()->guard('agentportal')->user()->agentLocation->network->enable_cashin == true) && auth()->guard('agentportal')->user()->agentLocation->enable_cashin == true))
                            <div class="col-sm-6 col-md-6">
                                <button onclick="showBnBCashApp()" class="btn btn-info font-weight-bolder btn-block my-2">BnB CashApp</button>
                            </div>
                            @endif
                            @if (auth()->guard('agentportal')->user()->agentLocation->enable_agent_topup == true && (auth()->guard('agentportal')->user()->agentLocation->parent_id == 0 || auth()->guard('agentportal')->user()->agentLocation->network->enable_agent_topup == true))
                                <div class="col-sm-6 col-md-6">
                                    <a href="{{ url('agentportal/accounts/topup-agent') }}" class="btn btn-primary font-weight-bolder btn-block my-2">Agent Topup</a>
                                </div>
                            @endif
                            {{-- @if (isset(auth()->guard('agentportal')->user()->agentLocation) && (auth()->guard('agentportal')->user()->agentLocation->enable_orangeMoney_cico == true))
                                <div class="col-sm-6 col-md-6">
                                    <button onclick="showNobelOptions()" class="btn btn-danger font-weight-bolder btn-block my-2">Orange Money</button>
                                </div>
                            @endif --}}
                            @if (isset(auth()->guard('agentportal')->user()->agentLocation) && (auth()->guard('agentportal')->user()->agentLocation->enable_mtnMoMo_cico == true))
                                <div class="col-sm-6 col-md-6">
                                    <button onclick="showMTNOptions()" class="btn btn-warning font-weight-bolder btn-block my-2">MTN MoMo</button>
                                </div>
                            @endif
                            </div>
                        </div>
                        @hasanyrole('main teller|teller')
                            @if(isset(auth()->guard('agentportal')->user()->agentLocation))
                                <div class="col-sm-4 col-md-4" >
                                    <div class="add-w">
                                        <span>Balance : </span><label>{!! number_format(auth()->guard('agentportal')->user()->agentLocation->network->balance ?? auth()->guard('agentportal')->user()->agentLocation->balance, 2) !!}
                                            {!! auth()->guard('agentportal')->user()->agentLocation->currency !!}</label>
                                    </div>
                                </div>
                            @endif
                        @endhasanyrole
                    </div>
                </div>
                @endhasanyrole
                @hasanyrole('main teller|teller')
                @if(isset(auth()->guard('agentportal')->user()->agentLocation) && isset(auth()->guard('agentportal')->user()->agentLocation->agentCountry) && !in_array(auth()->guard('agentportal')->user()->agentLocation->agentCountry->isoname,[config('constants.GN_COUNTRY_CODE'),config('constants.SL_COUNTRY_CODE'),config('constants.LB_COUNTRY_CODE')]))
                <input type="hidden" name="hdn_daily_account_update" id="hdn_daily_account_update" value="1">
                <div class="row">
                    <div class="col-lg-12 col-xxl-12">
                        <div class="card card-custom card-stretch card-stretch-half gutter-b p-b">
                            <div class="loaderParent" style="display: none;">
                                <div class="loaderDashboard"></div>
                            </div>
                            <div class="card-header border-0 pt-5">
                                <h3 class="card-title align-items-start flex-column">
                                    <span class="card-label font-weight-bolder text-dark">{!! trans("message_lang.LBL_DAILY_SUMMARY") !!}</span>
                                </h3>
                                <div class="row justify-content-end wd-50">
                                    <div class="form-group col-md-3">
                                        <select class="form-control" name="txn-date-filter" id="txn-date-filter">
                                            <option value="0" selected>Today</option>
                                            <option value="1">This Week</option>
                                            <option value="2">This Month</option>
                                            <option value="3">Last Week</option>
                                            <option value="4">Last Month</option>
                                            <option value="5">Custom Date</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-3 custom_date">
                                        <input type="text" class="form-control" name="start_date" id="txn-start-date-filter" placeholder="Start Date">
                                    </div>
                                    <div class="form-group col-md-3 custom_date">
                                        <input type="text" class="form-control" name="end_date" id="txn-end-date-filter" placeholder="End Date">
                                    </div>
                                    @hasanyrole('main teller')
                                    <div class="form-group col-md-3">
                                        <select class="form-control" name="txn-user-filter" id="txn-user-filter">
                                            <option value="">{!! trans("message_lang.LBL_ALL") !!}</option>
                                            @foreach($agentLocationUsers as $key => $item)
                                                <option value="{{$item->id}}" {{ $item->id == auth()->guard('agentportal')->user()->id ? 'selected' : '' }}>{{$item->first_name}} {{$item->last_name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    @endhasanyrole
                                </div>
                            </div>
                            <div class="row form-box">
                                <div class="col-4">
                                    <div class="card-box">
                                        <span class="card-label text-dark">{!! trans("message_lang.LBL_TOTAL_RECEIVED") !!}</span>
                                        <span class="total_cash_in">{!! number_format(0) !!}</span>
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="card-box">
                                        <span class="card-label text-dark">{!! trans("message_lang.LBL_TOTAL_PAID") !!}</span>
                                        <span class="total_cash_out">{!! number_format(0) !!}</span>
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="card-box">
                                        <span class="card-label text-dark">{!! trans("message_lang.LBL_REMANING_BALANCE") !!}</span>
                                        <span class="remaining_balance">{!! number_format(0) !!}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @else
                <input type="hidden" name="hdn_daily_account_update" id="hdn_daily_account_update" value="0">
                @endif
                @endhasanyrole
                @hasanyrole('administrator')
                    @include('dashboard_analytics')
                @endhasanyrole
                @hasanyrole('location administrator')
                    @include('dashboard_locadmin_analytics')
                @endhasanyrole
			</div>
		</div>
	</div>
@endsection
@section('page_script')
@hasanyrole('main teller|teller')
<script>
    $(document).ready(function(){
        $(".close_notification").click(function(){
            jQuery(this).parents(".show-notification").addClass("hide-notification");
            setTimeout(() => {
                jQuery(this).parents(".show-notification").remove();
            }, 1000);
        });
    });

    function showBnBCashApp() {
        var html = "<div>";
        var checkCI = "{{ (auth()->guard('agentportal')->user()->agentLocation->enable_cashin == true && (auth()->guard('agentportal')->user()->agentLocation->parent_id == 0 || auth()->guard('agentportal')->user()->agentLocation->network->enable_cashin == true)) }}"
        if (checkCI != undefined && checkCI == 1){
            html += "<a href='{{ url('agentportal/cashin/create') }}' class='btn btn-success font-weight-bolder btn-block my-4'>{{ mb_strtoupper(__("message_lang.LBL_CASHIN")) }}</a>";
        }
        var checkCO = "{{ (auth()->guard('agentportal')->user()->agentLocation->enable_cashout == true && (auth()->guard('agentportal')->user()->agentLocation->parent_id == 0 || auth()->guard('agentportal')->user()->agentLocation->network->enable_cashout == true)) }}"
        if (checkCO != undefined && checkCO == 1){
            html += "<a href='{{ url('agentportal/cashout/create') }}' class='btn btn-danger font-weight-bolder btn-block my-4'>{{ mb_strtoupper(__("message_lang.LBL_CASHOUT")) }}</a>";
        }
        html += "</div><br>";

        Swal.fire({
            title: 'BnB CashApp',
            showCancelButton: false,
            showConfirmButton: false,
            html: html
        });
    }

    function showNobelOptions() {
        // set the buttons
        let html = `<a href="{{ url('agentportal/nobel/cashin') }}" type="button" class="btn btn-success btn-block mb-2">{{ mb_strtoupper(__("message_lang.LBL_CASHIN")) }}</button>
                    <a href="{{ url('agentportal/nobel/cashout') }}" type="button" class="btn btn-danger btn-block">{{ mb_strtoupper(__("message_lang.LBL_CASHOUT")) }}</button>`;
        Swal.fire({
            title: 'Orange Money',
            showCancelButton: false,
            showConfirmButton: false,
            html: html
        });
    }

    function showMTNOptions() {
        // set the buttons
        let html = `<a href="{{ url('agentportal/mtn/cashin') }}" type="button" class="btn btn-success btn-block mb-2" id="mtnCashInBtn">Cash In</button>
                    <a href="{{ url('agentportal/mtn/cashout') }}" type="button" class="btn btn-danger btn-block" id="mtnCashInBtn">Cash Out</button>`;
        Swal.fire({
            title: 'MTN MoMo',
            showCancelButton: false,
            showConfirmButton: false,
            html: html
        });
    }

</script>
@if(isset(auth()->guard('agentportal')->user()->agentLocation) && isset(auth()->guard('agentportal')->user()->agentLocation->agentCountry) && !in_array(auth()->guard('agentportal')->user()->agentLocation->agentCountry->isoname,[config('constants.GN_COUNTRY_CODE'),config('constants.SL_COUNTRY_CODE'),config('constants.LB_COUNTRY_CODE')]))
<script>

    $(document).ready(function(){
        $(document).on('change', "#txn-user-filter",function(){
            fetchStatement();
        });
        $(document).on('change', "#txn-date-filter", function() {
        if($("#txn-date-filter").val() == 5)
        {
            $(".custom_date").show();
            $('#txn-start-date-filter, #txn-end-date-filter').datepicker({
                "format": "{{ app()->getLocale() == "fr" ? 'dd-mm-yyyy' : 'yyyy-mm-dd' }}",
                "keyboardNavigation": false,
                "autoclose": true,
                "endDate": new Date(),
                "orientation": 'bottom'
            });

            $('#txn-start-date-filter').datepicker().on('changeDate', function (selected) {
                fetchStatement();
                $('#txn-end-date-filter').datepicker('setStartDate', new Date(selected.date.valueOf()));
            });

            $('#txn-end-date-filter').datepicker().on('changeDate', function (selected) {
                fetchStatement();
            });
        }
        else
        {
            fetchStatement();
        }
        });
        fetchStatement();
    });

    function fetchStatement()
    {
        $(".loaderParent").show();
        var token = $('meta[name="_token"]').attr('content');
        if($("#txn-date-filter").val() == 5)
        {
            $(".custom_date").show();
            $('#txn-start-date-filter, #txn-end-date-filter').datepicker({
                "format": "{{ app()->getLocale() == "fr" ? 'dd-mm-yyyy' : 'yyyy-mm-dd' }}",
                "keyboardNavigation": false,
                "autoclose": true,
                "endDate": new Date(),
                "orientation": 'bottom'
            });

            $('#txn-start-date-filter').datepicker().on('changeDate', function (selected) {
                $('#txn-end-date-filter').datepicker('setStartDate', new Date(selected.date.valueOf()));
            });

            $('#txn-end-date-filter').datepicker().on('changeDate', function (selected) {
            });

            var data = {
                "agent_location_user_id" : $("#txn-user-filter").val(),
                "date": $("#txn-date-filter").val(),
                "start_date": $("#txn-start-date-filter").val(),
                "end_date": $("#txn-end-date-filter").val(),
                "_token" : token
            }
        }
        else
        {
            $(".custom_date").hide();
            var data = {
                "agent_location_user_id" : $("#txn-user-filter").val(),
                "date": $("#txn-date-filter").val(),
                "_token" : token
            }
        }
        $.ajax({
            url: "{!! route('agentportal.agentportal-daily-account-update')  !!}",
            type: "POST",
            data: data,
            success: function (response) {
                response = JSON.parse(response);
                $(".loaderParent").hide();
                $(".total_cash_in").html(response.total_cash_in);
                $(".total_cash_out").html(response.total_cash_out);
                $(".remaining_balance").html(response.balance);
            },
            error: function() {
                $(".loaderParent").hide();
            }
        });
    }

</script>
@endif
@endhasanyrole
@endsection