@extends('layouts.partials.header')

@section('content')
<!-- start page title -->
<div class="row">
    <div class="">
        <div class="button-list_custom">
            <div class="">
                <h4 class="">Devices management</h4>
            </div>
            <div class="">
                <ol class="devices_button_add">
                    <li style="display: contents;">
                        <!-- <a id="assign_distributors_execute" style="display:none" onclick="assign_distributor()" href="#">
                            <button type="button" class="btn btn-danger waves-effect waves-light btn-sm">
                                Execute                                          </button>
                        </a>
                        <a id="assign_portals_execute" style="display:none" onclick="assign_portal()" href="#">
                            <button type="button" class="btn btn-purple waves-effect waves-light btn-sm">
                                Execute                                          </button>
                        </a> -->



                        <!-- <a onclick="unblock_all()" href="#">
                            <button type="button" class="btn btn-success waves-effect waves-light btn-sm">Unblock</button>
                        </a> -->
                        @if (Session::get('role') == 'ADMIN')
                        <form style="padding:3px !important; margin: 0px 1px;" action="{{ route('devices.unblock.all.devices') }}" method="POST" id="mag_form_1">
                            <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                            <button class="btn btn-success waves-effect waves-light btn-sm" type="submit" id="change_default_buttton">Unblock All</button>
                        </form>
                        @endif
                        <!--                        <a onclick="block_all()" href="#">
                                                    <button type="button" class="btn btn-dark waves-effect waves-light btn-sm">
                                                        Block                                           </button>
                                                </a>-->
                    @if (Session::get('role') == 'ADMIN' || (Session::get('role') == 'RESELLER' && $permissions == 'on'))
                        <a style="padding:3px !important; margin: 0px 1px;" onclick="add_device()">
                            <button type="button" class="btn btn-primary waves-effect waves-light btn-sm">
                                Add                                          </button>
                        </a>
                    @endif
                    @if (Session::get('role') == 'ADMIN')
                        <!-- <a onclick="change_m3u_portal()" href="#">
                            <button type="button" class="btn btn-danger waves-effect waves-light btn-sm">
                                M3U Portal                                          </button>
                        </a> -->
                    

                    
                    <form style="padding:3px !important; margin: 0px 1px;" action="{{ route('devices.update.default.status') }}" method="POST" id="mag_form">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                        <button class="btn btn-danger waves-effect waves-light btn-sm" type="submit" id="change_default_buttton">Default Unblocked</button>
                    </form>

                    <form style="padding:3px !important; margin: 0px 1px;" action="{{ route('devices.delete.null.model') }}" method="POST" id="mag_form_2">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                        <button class="btn btn-danger waves-effect waves-light btn-sm" type="submit" id="Delete_empty_model_buttton">Delete Null</button>
                    </form>
                    @endif

                    @if (Session::get('role') != 'ADMIN')
                    <div style="padding:3px !important; margin: 0px 1px;">
                        <span class="btn btn-primary waves-effect waves-light btn-sm"><b>Credits:</b> {{Session::get('credits')}}</span>
                    </div>
                    @endif

                    </li>

                </ol>
            </div>
        </div>
    </div>
</div>
<!-- end page title --> 
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body devices_card" style="overflow-x:auto;">

                <form action="{{ route('devices.filter') }}" method="POST" id="mag_form">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                    <div class="form-group row mt-2 mb-2">
                        
                    <!-- @if (Session::get('role') == 'ADMIN')
                        <div class="col-md-4">
                            <select id="model_name" name="model_name"  class="form-control" data-toggle="select2"  tabindex="-1" aria-hidden="true" onchange="filter_devices()">
                                <option value="" selected="" data-select2-id="2">Select model to filter</option>
                                <option value="null" {!! request()->get('model_name') == 'null' ? "selected='selected'" : "" !!} data-select2-id="2">Null</option>
                                @foreach ($models as $model)
                                    <option value="{{ $model['name'] }}" {!! request()->get('model_name') == $model['name'] ? "selected='selected'" : "" !!}>{{ $model['name'] }}</option>
                                @endforeach -->
                                <!-- <option value="prime" {!! request()->get('model_name') == 'prime' ? "selected='selected'" : "" !!}>Prime</option>
                                <option value="crime" {!! request()->get('model_name') == 'crime' ? "selected='selected'" : "" !!}>Crime</option>
                                <option value="uno" {!! request()->get('model_name') == 'uno' ? "selected='selected'" : "" !!}>Uno</option>
                                <option value="expanded" {!! request()->get('model_name') == 'expanded' ? "selected='selected'" : "" !!}>Expanded</option>
                                <option value="duo" {!! request()->get('model_name') == 'duo' ? "selected='selected'" : "" !!}>Duo</option>
                                <option value="quattrro" {!! request()->get('model_name') == 'quattrro' ? "selected='selected'" : "" !!}>Quattrro</option>
                                <option value="pro" {!! request()->get('model_name') == 'pro' ? "selected='selected'" : "" !!}>Pro</option> -->
                            <!-- </select>
                        </div>
                    @endif
                    
                        <div class="col-md-4">
                            <select id="order_number" name="order_number"  class="form-control" data-toggle="select2"  tabindex="-1" aria-hidden="true" onchange="filter_devices()">
                                <option value="" selected="" data-select2-id="2">Select order to filter</option>
                                @foreach ($stocks as $stock)
                                    <option value="{{ $stock['name'] }}" {!! request()->get('stock') == $stock['name'] ? "selected='selected'" : "" !!}>{{ $stock['name'] }}</option>
                                @endforeach
                            </select>
                        </div> -->
                        
                        <div class="col-md-4">
                            <select id="filter_devices_portal" name="filter_devices_portal"  class="form-control" data-toggle="select2"  tabindex="-1" aria-hidden="true" onchange="filter_devices()">
                                <option value="" selected="" data-select2-id="2">Select portal to filter</option>
                                @foreach ($portals as $portal)
                                    <option value="{{ $portal['id'] }}" {!! request()->get('portal') == $portal['id'] ? "selected='selected'" : "" !!}>{{ $portal['portal_name'] }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <!-- <div class="form-group row mb-4"> -->
                        
                        <!-- <div class="col-md-4">
                            <select name="status" id="filter_action" class="form-control" data-toggle="filter_action" data-select2-id="filter_action" tabindex="-1" aria-hidden="true" onchange="filter_devices()">
                                <option value="" selected="" data-select2-id="4">Select state to filter</option>
                                <option value="true" {!! request()->get('status') == 'true' ? "selected='selected'" : "" !!}>Active</option>
                                <option value="false" {!! request()->get('status') == 'false' ? "selected='selected'" : "" !!}>Inactive</option>
                                <option value="scrap" {!! request()->get('status') == 'scrap' ? "selected='selected'" : "" !!}>Unauthorized (scrap)</option>
                                <option value="blocked" {!! request()->get('status') == 'blocked' ? "selected='selected'" : "" !!}>Blocked</option>
                            </select>
                        </div> -->

                    <!-- </div> -->
                    <!-- <div class="form-group row mb-4">
                        
                        <div class="form-group col-md-2 text-center">
                            <button class="btn btn-danger btn-block" type="submit" id="search_device_button">Search</button>
                        </div>
                    </div> -->
                </form>
                @if (!empty(request()->get('portal')))
                <div class="row mb-4" id="assign_portal">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                    <div class="col-md-4">
                        <select id="assign_devices_portal" name="assign_devices_portal"  class="form-control" data-toggle="select2"  tabindex="-1" aria-hidden="true">
                            <option value="" selected="" data-select2-id="2">Select portal to Assign</option>
                            @foreach ($portals as $portal)
                                <option value="{{ $portal['id'] }}">{{ $portal['portal_name'] }}</option>
                            @endforeach
                        </select>
                    </div>
                        
                    <div class="col-md-3 text-center">
                        <button class="btn btn-success btn-block" onclick="assign_portal()" type="button" id="update_portal_button">Assign Portal</button>
                    </div>
                </div>
                @endif
                <div id="datatable-users_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer">
                    <div class="row">
                        <div class="col-sm-4 col-md-4 col-lg-2" id="show_devices_records">
                            <span>Show Records</span>
                            <select id="maxRowsDevices" class="form-control form-control-sm" onchange="filter_devices()">
                                <option {!! empty(request()->get('limit')) ? "selected='selected'" : "" !!} selected="selected">25</option>
                                <option value="50" {!! request()->get('limit') == '50' ? "selected='selected'" : "" !!}>50</option>
                                <option value="100" {!! request()->get('limit') == '100' ? "selected='selected'" : "" !!}>100</option>
                                <option value="1000" {!! request()->get('limit') == '1000' ? "selected='selected'" : "" !!}>1000</option>
                                <option value="10000" {!! request()->get('limit') == '10000' ? "selected='selected'" : "" !!}>Show All</option>
                            </select>
                        </div>
                        <div class="col-sm-4 col-md-4 col-lg-2" id="show_devices_search">
                            <span>Search:</span>
                            <input type="text" id="search_device" class="form-control form-control-sm" placeholder="Real/Onair Mac Search" value="{{request()->get('search_device')}}" aria-controls="datatable-users">
                        </div>
                        <div style="margin-top: 19px;" class="col-sm-4 col-md-4 col-lg-2" id="show_devices_search">
                            <button style="width: inherit;" type="button" class="btn btn-primary waves-effect waves-light btn-sm" onclick="search_devices()">Search</button>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div id="responseMessage" class="alert alert-success text-center" style="display: none;"></div>
                    <div class="row" style="max-width: 100%; overflow-x: auto;">
                        <div class="col-sm-12">
                            <table style="font-size: 10px;" id='devices_table1' class="table table-striped table-bordered" cellspacing="0" width="100%">
                                <thead>

                                    <tr>
                                        <th><input type="checkbox" id="check-all"></th>
                                        <th>ID</th>
                                        <th>Real Mac</th>
                                        <th>ON AIR Mac</th>
                                        <th>Code</th>
                                        <!-- <th>Model</th>
                                        <th>Stock</th>    -->
                                        <!-- <th style="white-space:nowrap;">Date</th>  -->
                                        <th>Expiry Date</th>
                                        <th>Extend Expiry</th>
                                        <th>Ip Address</th>
                                        <th>Onair</th>
                                        <th>FM</th>
                                        <!-- <th>Note</th> -->
                                        <!-- <th>More</th>   -->
                                        <!-- <th>Status</th>  -->
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                @foreach ($devices as $device)
                                                                        <tr>
                                        <td><input type="checkbox" id="check-all"></td>
                                        <td>{{ $device['id'] }}</td>
                                        <td>{{ $device['macid'] }}</td>
                                        <td>{{ $device['on_air_mac'] }}</td>   
                                        <!-- <td>{{ $device['model'] }}</td> -->
                                        <td>{{ $device['code'] }}</td>
                                        <!-- <td>{{ $device['model'] }}</td>
                                        <td>{{ $device['stock'] }}</td>    -->
                                        <!-- <td style="white-space:nowrap;">{{ $date_time[0]}}</td> -->
                                        <td>
                                            {{ $device['device_expiry'] }}
                                        </td>
                                        <td>
                                            <select id="devices_edit_portal" device_expiry="{{ $device['device_expiry'] }}" device_id="{{ $device['id'] }}" name="edit_expiry" onchange="update_expiry_on_device(this)">
                                                <option value=0>Extend Expiry</option>
                                                <option value=1>1 year</option>
                                                <option value=2>2 years</option>
                                                <option value=3>3 years</option>
                                                <option value=4>4 years</option>
                                                <option value=5>5 years</option>
                                            </select>
                                        </td>
                                        <th>{{ $device['ip_address'] }}</th>
                                        <th>{{ $device['on_air_version'] }}</th>
                                        <th>{{ $device['firmware_version'] }}</th>  
                                        <!-- <td>{{ $device['note'] }}</td>   -->
                                        <!-- <td style="width: 20px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis">{{ $device['device_other_info'] }}</td>   -->
                                        <!-- <td>
                                            @if (in_array($device['status'], [1, '1', true]))
                                                <center><a href=# class='btn btn-sm btn-success'>&nbsp;&nbsp;</a></center>
                                            @else
                                                <center><a href=# class='btn btn-sm btn-danger'>&nbsp;&nbsp;</a></center>
                                            @endif
                                        </td>  -->
                                        <td style="display: inline-flex;">
                                            @if (Session::get('role') == 'ADMIN')
                                            <span style="padding:3px !important; margin: 0px 1px;">
                                                @if (in_array($device['blocked'], [1, '1', true]))
                                                    <input onclick=change_block_status(this) device_id="{{ $device['id'] }}" block_status="{{ $device['blocked'] }}" type=checkbox checked/>
                                                @else
                                                    <input onclick=change_block_status(this) device_id="{{ $device['id'] }}" block_status="{{ $device['blocked'] }}" type=checkbox />
                                                @endif
                                            </span>
                                            @endif
                                            <a style="padding:3px !important; margin: 0px 1px;" class="btn btn-sm btn-primary" href="javascript:void()" value="{{ $device['id'] }}" title="Edit" onclick="edit_device(this)"><i class="fa fa-pencil"></i></a>
                                            @if (Session::get('role') == 'ADMIN')
                                                <a style="padding:3px !important; margin: 0px 1px;" class="btn btn-sm btn-danger" href="javascript:void()" value="{{ $device['id'] }}" title="Delete" onclick="delete_device(this)"><i class="fa fa-trash"></i></a>
                                            @endif
                                            <a style="padding:3px !important; margin: 0px 1px;" class="btn btn-sm btn-primary" href="javascript:void()" value="{{ $device['note'] }}" title="Action" onclick="open_note(this)"><i class="fa fa-sticky-note-o"></i></a>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>

                            {!! $devices->withQueryString()->links('pagination::bootstrap-5') !!}

                            <!-- <div class='pagination-container' >
                                <nav>
                                    <ul class="pagination">
                            
                                        <li data-page="prev" >
                                            <span style="font-size: large; border: 1px solid; padding: 2px 13px; margin-right: 8px;"> < <span class="sr-only">(current)</span></span>
                                        </li>
                                        <li data-page="next" id="prev">
                                            <span style="font-size: large; border: 1px solid; padding: 2px 13px; margin-left: 8px;"> > <span class="sr-only">(current)</span></span>
                                        </li>
                                    </ul>
                                </nav>
                            </div> -->


                            <!-- <div id="datatable-users_processing" class="dataTables_processing card" style="display: none;">Processing...</div> -->
                        </div>
                    </div>

                </div>
            </div>
            <!-- end card body-->
        </div>
        <!-- end card -->
    </div>
    <!-- end col-->
</div>
<!-- end row-->







<!-- End Bootstrap modal -->
@endsection

@include('includes.distributor_devices_popup')