@extends('admin.template.master')

@section('title')
    <section class="content-header">
        <h1>
            B2B Customers
            <small>all b2b customers</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="{!! url('admin/') !!}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">B2B Customers</li>
        </ol>
    </section>
@endsection

@section('stylesheets')
    {!! Html::style('assets/admin/bower_components/select2/dist/css/select2.min.css') !!}
    <style>
        #b2b_users_table_wrapper {
            overflow-x: scroll;
        }

        tr:nth-child(even) {
            background-color: #efefef;
        }
        .bg-success{
            background-color: #777AAA !important;
        }
    </style>
@endsection

@section('main-content')
    <section class="content">
    @if(Session::has('message'))
            <div class="row">
                <div class="col-xs-12">
                    <div class="alert alert-success alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                        {{Session('message')}}
                    </div>
                </div>
            </div>
    @endif

        <div class="row">
            <div class="col-xs-12">
                <div class="box">

                    {{--
                    <div class="box-header">
                        <h3 class="box-title"> </h3>
                        <div class="box-tools">
                        </div>
                    </div> --}}

                    <div class="box-body">

                        <div class="row">

                            <div class="form-group col-md-1" style="width: 220px;">
                                {!! Form::label('Branch affiliation', 'Branch.Affiliation '  ) !!}
                                {!! Form::select('branch_affiliation', $branch_affiliations, null , ['class' => 'form-control desktop_b_type_select2', 'style' => 'width: 120px;', 'id' => 'branch_affiliation']) !!}
                            </div>

                            <div class="form-group col-md-2" style="width: 350px;">
                                {!! Form::label('Search', 'Search(Name, Email, Org Name, Phone)') !!}
                                {!! Form::text('search',  null , ['class' => 'form-control',   'id' => 'search']) !!}
                            </div>



                            <div class="form-group col-md-2" style="width: 220px;">
                            {!! Form::label('signup_ref', 'Sign up ref.') !!}
                            {!! Form::select('signup_ref',  $refs , ['class' => 'form-control desktop_b_type_select2',   'id' => 'signup_ref']) !!}
                            </div>


                            <div class="form-group col-md-1" style="width: 153px;">
                                {!! Form::label('from_date', 'From Date') !!}
                                {!! Form::date('from_date', \Carbon\Carbon::now(), ['class' => 'form-control', 'id' => 'from_date']) !!}
                            </div>

                            <div class="form-group col-md-1" style="width: 153px;">
                                {!! Form::label('to_date', 'To Date') !!}
                                {!! Form::date('to_date', \Carbon\Carbon::now(), ['class' => 'form-control', 'id' => 'to_date']) !!}
                            </div>

                            <div class="form-group col-md-1">
                                {!! Form::label('&nbsp;') !!}
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" name="search_by_date" checked  id="search_by_date" style="margin-left: -17px">
                                    </label>
                                </div>
                            </div>


                            <div class="col-md-1" style="width: 250px;padding-top: 22px;">
                                {!! Form::button('Search',['class' => 'btn btn-primary btn-order-search', 'id'=> 'search_btn']) !!}
                                {!! Form::button('Reset',['class' => 'btn btn-danger btn-order-search', 'id'=> 'reset_btn']) !!}
                                {{-- <button class="btn btn-primary btn-order-search" type="button" id="export_data_btn">Export</button> --}}
                            </div>

                        </div>
                    </div>


                    <div class="row">
                        <div class="col-md-12">
                            <div class="box box-body">
                                    <table class="table table-hover" id="b2b_users_table">
                                    <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th style="width:  300px;">Name and Org Name</th>
                                        <th style="width:  300px;">New(Name and Org Name)</th>

                                        <th style="width:  270px;">Email and Phone</th>
                                        <th>Branch affiliation</th>
                                        <th>Category</th>
                                        <th>Address</th>
                                        <th style="width:  270px;">City & District</th>
                                        <th>Signup Ref.</th>
                                        <th>Status</th>
                                        <th>Type</th>
                                        <th>Reg Date</th>
                                        <th style="width: 250px;">Action</th>
                                    </tr>
                                    </thead>
                                    </table>
                            </div>
                        </div>

                    </div>


                </div>
            </div>
        </div>
    </section>
@endsection

@section('javascripts')
    {!! Html::script('assets/admin/bower_components/select2/dist/js/select2.full.min.js') !!}

    <script type="text/javascript">
        $(document).ready(function() {

            $("#branch_affiliation").select2();
            $("#category").select2();
            $("#signup_ref").select2();

            // function init() {
                let oTable = $('#b2b_users_table').DataTable({
                    "processing": true,
                    "serverSide": true,
                    "searching": false,
                    "ajax": {
                                url: "{{ route('getB2BCustomerData') }}",
                                data: function(d) {
                                    d.branch_affiliation = $('#branch_affiliation').val();
                                    d.search = $('#search').val();
                                    d.category = $('#category').val();
                                    d.signup_ref = $('#signup_ref').val();
                                    d.search_by_date = $("#search_by_date").is(':checked') === true ? '1' : 0 ;
                                    d.from_date=   $('#from_date').val();
                                    d.to_date = $('#to_date').val();
                                }
                            },
                    "order": [[0, "desc"]],
                    "columns": [
                        {data: 'b2b_user_id'},
                        {data: 'name_org'},
                        {data: 'new_name_org'},
                        {data: 'email_phone'},
                        {data: 'location', sortable: false },
                        {data: 'category', sortable: false },
                        {data: 'address'},
                        {data: 'city_district'},
                        {data: 'signup_ref_name'},
                        {data: 'is_active'},
                        {data: 'customer_type'},
                        {data: 'created_at'},
                        {data: 'action', searchable: false, orderable: false}
                    ]
                });

        // }

        // init();

        $("#search_btn").click(function() {
            console.log('seach btn clicked', $('#branch_affiliation').val());
            oTable.draw();
            // init();
        });

        $("#reset_btn").click(function() {
                window.location.reload();
            });


        $(document).on("click", ".rcom_b2b_merge", function() {
            let userID = $(this).attr('id');
            let dataMob = $(this).attr('data-mob');

            let con = confirm('Are you sure want to merge B2B App user password with RCOM user?');
            if (con && userID && dataMob) {
                console.log('userID', userID);
                console.log('dataMob', dataMob);

                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });

                $.ajax({
                    url: "{!! url('/admin/b2b-rcom-password-merge') !!}",
                    method: 'POST',
                    data: "user_id="+ userID + "&mob=" + dataMob,
                    success: function(res) {
                        console.log('response: ', res);
                        alert(''+ res);
                    }
                });
            }
        });
    });
    </script>
@endsection