@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>Company</th>
                                    <th>Request Date</th>
                                    <th>Internet(MB) <br />New/Existing </th>
                                    <th>Youtube(MB) <br />New/Existing </th>
                                    <th>Facebook(MB) <br />New/Existing </th>
                                    <th>Bdix(MB) <br />New/Existing </th>
                                    <th>Data(MB) <br />New/Existing </th>
                                    <th>Type</th>
                                    <th>Remark</th>
                                    <th>Discontinue Date</th>
                                    <th>Discontinue Reason</th>
                                    <th>Tem.Date</th>
                                    <th>Waiting Panel</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
                                        {{-- {{ $client->exbandwith != "" ? $client->exbandwith : "0" }} --}}
                                        {{ '0/'.$client->exbandwith}}
                                        @endif
                                    </td>
                                    <td>
                                        @if($client->cu_youtube!='')
                                        {{ $client->cu_youtube.'/'.$client->exyoutube }}
                                        @else
                                        {{ '0/'.$client->exyoutube}}
                                        @endif
                                    </td>
                                    <td>
                                        @if($client->cu_facebook!='')
                                        {{ $client->cu_facebook.'/'.$client->exfacebook }}
                                        @else
                                        {{ '0/'.$client->exfacebook}}
                                        @endif
                                    </td>
                                    <td>
                                        @if($client->cu_bdix!='')
                                        {{ $client->cu_bdix.'/'.$client->exbdix}}
                                        @else
                                        {{ '0/'.$client->exbdix}}
                                        @endif
                                    </td>
                                    <td>
                                        @if($client->cu_data!='')
                                        {{ $client->cu_data.'/'.$client->exdata}}
                                        @else
                                        {{ '0/'.$client->exdata}}
                                        @endif
                                    </td>
                                    <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
                                        @elseif($client->flag=='new')
                                        New
                                        @endif
                                    </td>
                                    <th>{{ $client->remarks }}</th>
                                    <th>{{ $client->discontinue_date }}</th>
                                    <th>{{ $client->discontinue_note }}</th>
                                    <td>{{ $client->temporary_date_start }} - <br />
                                    {{ $client->temporary_date_end }}</td>
                                    <td>
                                        @if(Auth::user()->getRoleNames()[0]=='Account')

                                        <button class="btn btn-sm btn-primary" onclick="approved({{ $client->id }},1,'{{ $client->flag }}')">Forward to support</button>
                                        @else
                                            @if($client->status==0)
                                            Accounts <a href="JavaScript:void(0)" title="Delete UDD" onclick="deleteUDD({{ $client->id }})">
                                                <i class="typcn typcn-delete" style="font-size: 2em; color:red;"></i>
                                            </a>
                                            @elseif($client->status==1)
                                            Support Team
                                            @elseif($client->status==2)
                                            Process Done
                                            @endif
                                        @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 to approved this?") == true) {

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

            Toastify({
              text: "Successfully Approved.",
              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 deleteUDD(id)
    {
        //alert(id);

        if (confirm("Are you sure you want to delete this UDD?") == true) {

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

            $.ajax({
                url:'{{ url('udd-delete') }}',
                type: 'GET',
                data: { id:id },
                success: function(data)
                {
                    Toastify({
                    text: "Successfully UDD Deleted.",
                    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