@extends('layout')
@section('content')

@if (session('status'))
<div class="alert alert-success" role="alert">
    <button type="button" class="close" data-dismiss="alert">×</button>
    {{ session('status') }}
</div>
@elseif(session('failed'))
<div class="alert alert-danger" role="alert">
    <button type="button" class="close" data-dismiss="alert">×</button>
    {{ session('failed') }}
</div>
@endif
<!--Content Header (Page header)-->
<div class="content-header row align-items-center m-0">
    <nav aria-label="breadcrumb" class="col-sm-4 order-sm-last mb-3 mb-sm-0 p-0 ">
        <ol class="breadcrumb d-inline-flex font-weight-600 fs-13 bg-white mb-0 float-sm-right">
            <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
            <li class="breadcrumb-item active">UDD</li>
        </ol>
    </nav>
    <div class="col-sm-8 header-title p-0">
        <div class="media">
            <div class="header-icon text-success mr-3"><i class="typcn typcn-spiral"></i></div>
            <div class="media-body">
                <h1 class="font-weight-bold">UDD</h1>
                <small>With new package</small>
            </div>
        </div>
    </div>
</div>
<div class="body-content">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table display table-bordered table-striped table-hover basic dataTable no-footer" id="DataTables_Table_0" role="grid" aria-describedby="DataTables_Table_0_info">
                            <thead>
                                <tr>
                                    <th>Name</th>
                                    <th>Request Date</th>
                                    <th>Internet(MB) <br />Request/Existing </th>
                                    <th>Youtube(MB) <br />Request/Existing </th>
                                    <th>Facebook(MB) <br />Request/Existing </th>
                                    <th>Bdix(MB) <br />Request/Existing </th>
                                    <th>Data(MB) <br />Request/Existing </th>
                                    <th>Package Type</th>
                                    <th>UDD Type</th>
                                    <th>Remarks for support</th>
                                    @if(Auth::user()->getRoleNames()[0] =='Account')
                                    <th>Remarks for accounts</th>
                                    @endif
                                    <th>Discontinue Date</th>
                                    <th>Discontinue Reason</th>
                                    <th>Effective Date</th>
                                    <th>KAM</th>
                                    <th>Tem.Date</th>
                                    <th>Processing</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($result as $client)
                                <tr id="div_id{{ $client->id }}">
                                    <td><a href="javaScript:void(0)" data-id="{{ $client->cu_id }}" data-toggle="modal" data-target='#practice_modal' onClick="active_customer({{$client->cu_id}});"> {{ $client->company_name }} </a></td>
                                    <td>{{ $client->create_dt }}</td>
                                    <td>
                                        @if($client->cu_bandwith!='')
                                        {{ $client->cu_bandwith.'/'.$client->exbandwith}}
                                        @else
                                        {{ '0/'.$client->exbandwith}}
                                        @endif

                                        @if($client->flag=='customize')
                                        <br />
                                        <b style="text-transform: capitalize;"> {{ $client->type_bandwith }} </b>
                                        @endif

                                        @if(Auth::user()->getRoleNames()[0]=='Account')
                                        <br /> {{ $client->cu_bandwith_price.'/'.$client->exiting_bandwith_price}}
                                        @endif
                                    </td>
                                    <td>
                                        @if($client->cu_youtube!='')
                                        {{ $client->cu_youtube.'/'.$client->exyoutube }}
                                        @else
                                        {{ '0/'.$client->exyoutube}}
                                        @endif

                                        @if($client->flag=='customize')
                                        <br />
                                        <b style="text-transform: capitalize;"> {{ $client->type_youtube }} </b>
                                        @endif

                                        @if(Auth::user()->getRoleNames()[0]=='Account')
                                        <br /> {{ $client->cu_youtube_price.'/'.$client->exiting_youtube_price}}
                                        @endif
                                    </td>
                                    <td>
                                        @if($client->cu_facebook!='')
                                        {{ $client->cu_facebook.'/'.$client->exfacebook }}
                                        @else
                                        {{ '0/'.$client->exfacebook}}
                                        @endif

                                        @if($client->flag=='customize')
                                        <br />
                                        <b style="text-transform: capitalize;"> {{ $client->type_facebook }} </b>
                                        @endif

                                        @if(Auth::user()->getRoleNames()[0]=='Account')
                                        <br /> {{ $client->cu_facebook_price.'/'.$client->exiting_facebook_price}}
                                        @endif
                                    </td>
                                    <td>
                                        @if($client->cu_bdix!='')
                                        {{ $client->cu_bdix.'/'.$client->exbdix}}
                                        @else
                                        {{ '0/'.$client->exbdix}}
                                        @endif

                                        @if($client->flag=='customize')
                                        <br />
                                        <b style="text-transform: capitalize;"> {{ $client->type_bdix }} </b>
                                        @endif

                                        @if(Auth::user()->getRoleNames()[0]=='Account')
                                        <br /> {{ $client->cu_bdix_price.'/'.$client->exiting_bdix_price}}
                                        @endif
                                    </td>
                                    <td>
                                        @if($client->cu_data!='')
                                        {{ $client->cu_data.'/'.$client->exdata}}
                                        @else
                                        {{ '0/'.$client->exdata}}
                                        @endif

                                        @if($client->flag=='customize')
                                        <br />
                                        <b style="text-transform: capitalize;"> {{ $client->type_data }} </b>
                                        @endif

                                        @if(Auth::user()->getRoleNames()[0]=='Account')
                                        <br /> {{ $client->cu_data_price.'/'.$client->exiting_data_price}}
                                        @endif
                                    </td>
                                    <th>{{ $client->package_type }}</th>
                                    <td>
                                        @if($client->flag=='new')
                                        New
                                        @elseif($client->flag=='customize')
                                        Customize
                                        @elseif($client->flag=='upgrade')
                                        Up Grade
                                        @elseif($client->flag=='downgrade')
                                        Down Grade
                                        @elseif($client->flag=='discontinue')
                                        Discontinue
                                        @elseif($client->flag=='temporary_upgrade')
                                        Temporary Up Grade
                                        @elseif($client->flag=='temporary_downgrade')
                                        Temporary Down Grade
                                        @endif
                                    </td>
                                    <th>{{ $client->remarks_for_support }}</th>
                                    @if(Auth::user()->getRoleNames()[0] =='Account')
                                    <th>{{ $client->remarks }}</th>
                                    @endif
                                    <th>{{ $client->discontinue_date }}</th>
                                    <th>{{ $client->discontinue_note }}</th>
                                    <th>{{ $client->effective_date }}</th>

                                    <td> {{ $client->kamName }} </td>
                                    <td>{{ $client->temporary_date_start }}<br />
                                        {{ $client->temporary_date_end }}</td>

                                    @if(Auth::user()->getRoleNames()[0]=="Support")
                                    <td>
                                        @if($client->flag=="temporary_downgrade" || $client->flag=="temporary_upgrade")
                                        <div class="custom-control custom-switch">
                                            <input type="checkbox" class="custom-control-input" id="support_processing{{ $client->id }}" name="support_processing{{ $client->id }}" value="{{ $client->id }}" onchange="processingStart({{ $client->id }})" @if($client->processing=="Yes") checked @endif>
                                            <label class="custom-control-label" for="support_processing{{ $client->id }}"></label>
                                        </div>
                                        @endif
                                    </td>
                                    @endif

                                    <td>
                                        @if(Auth::user()->getRoleNames()[0]=="Account")
                                        <button class="btn btn-sm btn-primary" onclick="approved({{ $client->id }},1,'{{ $client->flag }}')">Forward to support team </button>
                                        @elseif(Auth::user()->getRoleNames()[0]=="Support")
                                            <button class="btn btn-sm btn-primary" onclick="approved({{ $client->id }},2,'{{ $client->flag }}')">Done</button>
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--/.body content-->
</div>
<div class="card"></div>
<div class="modal fade" id="serveyDetails" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-body">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content" style="padding: 15px;">
                <div id="modalContent"></div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
function approved(id,status,type)
{
    //alert(id+"---"+status+"---"+type);

    if (confirm("Are you sure you want do this?") == true) {

        $("#div_id"+id).hide();

        Toastify({
          text: "Changed has been successfully done.",
          duration: 4000,
          destination: "https://github.com/apvarun/toastify-js",
          newWindow: true,
          close: true,
          gravity: "top", // `top` or `bottom`
          positionRight: true, // `true` or `false`
          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
        }).showToast();

        $.ajax({
            url:'{{ url('request-customer-approved') }}',
            type: 'GET',
            data: { id:id, status:status, type:type },
            success: function(data)
            {
                //window.location.reload();
            }
        });
    }
}

// active customer list data view
function active_customer(cu_id) {
    $.ajax({
        url: '{{ url('details') }}',
        type: 'GET',
        data: { id: cu_id },
        success: function(data) {
            $("#serveyDetails").modal('show');
            $("#modalContent").html(data);
        }
    });
}

function processingStart(id)
{
    var checkBox = document.getElementById("support_processing"+id);
    if (checkBox.checked == true)
    {
        var checked = "Yes";
    }
    else
    {
        var checked = "No";
    }

    $.ajax({
        type: "GET",
        url: '/udd-processing',
        data: {'id': id, 'checked':checked},
        success: function(data){

            Toastify({
              text: "UDD Processing...",
              duration: 4000,
              destination: "https://github.com/apvarun/toastify-js",
              newWindow: true,
              close: true,
              gravity: "top", // `top` or `bottom`
              positionRight: true, // `true` or `false`
              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
            }).showToast();

        }
        });
}

</script>
@endsection