@extends('layouts.admin')
@section('title', 'IPR')
@section('ipr', 'active')
@section('ipr_list', 'active')
@section('content')

    <section class="content-header">
        <h1>List IPR</h1>
        <div class="row">
            <div class="m-stack m-stack--ver m-stack--desktop m-stack--demo">
                <div class="col-lg-4 col-xs-4">
                    <div id="ipr_active" class="m-stack__item m-stack__item--center m-stack__item--middle text-center" style="background-color: #008000; color: white;">
                        <div class="mb-2"><i class="flaticon-layers" style="font-size: 40px"></i></div>
                        <h4>Active IPR</h4>
                        <div class="m-dropdown m-dropdown--inline m-dropdown--align-center">
                            <h3 id="activeipr" style="font-style: oblique;">{{ number_format(App\IPR::where('status', 'Active')->count()) }} IPR</h3>
                            <!-- <h3 id="count_active"><i class="fa fa-spinner fa-spin" aria-hidden="true"></i></h3>
                            <div class="m-dropdown__wrapper" id="dropdown_ipr_active"><div class="m-dropdown__inner"><div class="m-dropdown__body"><div class="m-dropdown__content"><ul class="m-nav" id="data_active"></ul></div></div></div></div> -->
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xs-4">
                    <div id="ipr_inprogress" class="m-stack__item m-stack__item--center m-stack__item--middle text-center" style="background-color: #FF8C00; color: white;">
                        <div class="mb-2"><i class="flaticon-file" style="font-size: 40px"></i></div>
                        <h4>Inprogress IPR</h4>
                        <div class="m-dropdown m-dropdown--inline m-dropdown--align-center">
                            <h3 id="inprogressipr" style="font-style: oblique;">{{ number_format(App\IPR::where('status', 'Inprogress')->count()) }} IPR</h3>
                            <!-- <h3 id="count_inprogress"><i class="fa fa-spinner fa-spin" aria-hidden="true"></i></h3>
                            <div class="m-dropdown__wrapper" id="dropdown_ipr_inprogress"><div class="m-dropdown__inner"><div class="m-dropdown__body"><div class="m-dropdown__content"><ul class="m-nav" id="data_inprogress"></ul></div></div></div></div> -->
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xs-4">
                    <div id="ipr_inactive" class="m-stack__item m-stack__item--center m-stack__item--middle text-center" style="background-color: #FF0000; color: white;">
                        <div class="mb-2"><i class="la la-check-circle" style="font-size: 40px"></i></div>
                        <h4>Inactive IPR</h4>
                        <div class="m-dropdown m-dropdown--inline m-dropdown--align-center">
                            <h3 id="inactiveipr" style="font-style: oblique;">{{ number_format(App\IPR::where('status', 'Inactive')->count()) }} IPR</h3>
                            <!-- <h3 id="count_inactive"><i class="fa fa-spinner fa-spin" aria-hidden="true"></i></h3>
                            <div class="m-dropdown__wrapper" id="dropdown_ipr_inactive"><div class="m-dropdown__inner"><div class="m-dropdown__body"><div class="m-dropdown__content"><ul class="m-nav" id="data_inactive"></ul></div></div></div></div> -->
                        </div>
                    </div>
                </div>
            </div>
    	</div>
    </section>

    <section class="content">
        <div class="box box-default">
            <div class="box-header with-border">Registered IPR</div>
            <div class="box-body">
                <table class="table table-bordered datatable">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>name</th>
                            <th>display_name</th>
                            <th>cluster_name</th>
                            <th>status</th>
                            <th width="50%">description</th>
                            <th>Options</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($iprs as $ipr)
                        <tr>
                            <td>{{$ipr->id}}</td>
                            <td>{{$ipr->name}}</td>
                            <td>{{$ipr->display_name}}</td>
                            <td>{{$ipr->Cluster->display_name}}</td>
                            <td>
                                @if($ipr->status == 'Active')
                                    <span class="label label-success">Active</span>
                                @elseif($ipr->status == 'Inactive')
                                    <span class="label label-danger">Inactive</span>
                                @else
                                    <span class="label label-warning">Inprogress</span>
                                @endif
                            </td>
                            <td>{!! $ipr->description !!}</td>
                            {{-- <td>{{ $ipr->description }}</td> --}}
                            <td>
                                <a href="{{url('superadmin/ipr/'.$ipr->id)}}" class="btn btn-default btn-sm" data-toggle="tooltip" title="Edit IPR">
                                    <i class="fa fa-edit"></i>
                                </a>
                                <a href="javascript:;" class="btn btn-danger btn-sm" onclick="deleteIPR('{{$ipr->id}}')" data-toggle="tooltip" title="Delete IPR">
                                    <i class="fa fa-trash"></i>
                                </a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                <div class="row">
                    <div class="col-lg-12" style="text-align: right">
                        {!! $iprs->render() !!}
                    </div>
                </div>
            </div>
        </div>    

        <a href="{{url('superadmin/ipr/add')}}" class="btn btn-primary">
            <i class="fa fa-plus-circle"></i> Add IPR
        </a>
    </section>

@endsection

@section('footerScripts')

    <script>

        function deleteIPR(ipr_id) {
            $.confirm({
                title: 'Delete IPR',
                content: 'Are you sure want to delete this ipr?',
                buttons: {
                    cancel: function () {
                        
                    },
                    somethingElse: {
                        text: 'DELETE',
                        btnClass: 'btn-red',
                        keys: ['enter', 'shift'],
                        action: function(){
                            $.ajax({
                                url: "{{url('')}}/superadmin/ipr/"+ipr_id+"/delete",
                                type: "POST",
                                data: "_token={{csrf_token()}}&ipr_id="+ipr_id,
                                success: function(response) {
                                    if(response.status == 'success') {
                                        $.alert(response.message);
                                        location.reload();
                                    } else {
                                        $.alert(response.message);
                                    }
                                },
                                error: function(response) {
                                    $.alert(response.message);
                                }
                            });
                        }
                    }
                }
            });
        }
    </script>

@endsection