@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

<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="{{ URL('nttn-party-add') }}"><i class="typcn typcn-plus-outline"></i> New</a></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">Nttn Manage</h1>
                <small>With new</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 no-footer">
                            <thead>
                                <tr>
                                    <th>SL</th>
                                    <th>NTTN Name</th>
                                    <th>Link Type</th>
                                    <th>Client Name</th>
                                    <th>Aggregation</th>
                                    <th>Link ID/SCR ID</th>
                                    <th>Capacity</th>
                                    <th>VLAN ID</th>
                                    <th>Client Module</th>
                                    <th>Client Module SN Number</th>
                                    <th>Client Lat-Long</th>
                                    <th>FCR/BTS ID NTTN Lat-Long</th>
                                    <th>NTTN Cable Color</th>
                                    <th>WCL Cable ID</th>
                                    <th>Project</th>
                                    <th>Distance</th>
                                    <th>Link Status</th>
                                    <th>Activation Date</th>
                                    <th>Discontinue Date</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $i = 1; $name=null; @endphp
                                @foreach ($result as $key => $data)
                                
                                <tr id="id_{{ $data->id }}">
                                    <td>@if($name != $data->name) {{ $i++ }} @endif</td>
                                    <td>@if($name != $data->name) {{ $data->name }} @endif</td>
                                    <td>{{ $data->link_type }} </td>
                                    <td>{{ $data->client_name }} </td>
                                    <td>{{ $data->aggregation }} </td>
                                    <td>{{ $data->link_id }} </td>
                                    <td>{{ $data->capacity }} </td>
                                    <td>{{ $data->vlan_id }} </td>
                                    <td>{{ $data->client_module }} </td>
                                    <td>{{ $data->client_lat_long }} </td>
                                    <td>{{ $data->fcr_bts_id }} </td>
                                    <td>{{ $data->nttn_cable }} </td>
                                    <td>{{ $data->wcl_cable }} </td>
                                    <td>{{ $data->project }} </td>
                                    <td>{{ $data->distance }} </td>
                                    <td>@if($data->link_status==1) Active @else Inactive @endif</td>
                                    <td>{{ $data->activation_date }} </td>
                                    <td>{{ $data->discontinue_date }} </td>
                                    <td>
                                        @if($name != $data->name)
                                        <a href="{{ URL('nttn-party-edit/'.$data->pid) }}" title="Edit">
                                            <button class="btn btn-success btn-sm"> <i class="typcn typcn-pen"></i>
                                        </button>
                                        </a> &nbsp; <a href="javaScript:void(0)" onclick="deleteMe({{ $data->pid }})" title="Delete">
                                            <button class="btn btn-danger btn-sm">
                                                <i class="typcn typcn-trash"></i>
                                            </button>
                                        </a>
                                        @endif
                                    </td>
                                </tr>

                                @php $name=$data->name; @endphp
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--/.body content-->
</div>
<div class="card"></div>


<script>

function deleteMe(id) 
{
    if (confirm("Are you sure you want delete this?") == true) {

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

        Toastify({
          text: "Successfully 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();

        $.ajax({
            url:'{{ url('nttn-party-delete') }}',
            type: 'GET',
            data: { id:id},
            success: function(data)
            {
                //window.location.reload();
            }
        });
    }
}


</script>
@endsection