@extends('layouts.app')

@section('appjs')
    <script type="application/javascript" src="{{ asset('js/app.js') }}"></script>
@endsection

@section('content')

<style>
    .display_logs{
        /* top: -3px; */
        scale: 1.4;
        position: relative;
        left: 18px;
        cursor: pointer;
    }
</style>
@section('page_title') WhatsApp Dashboard @endsection
<div class="container-fluid">
	<div class="card">
        <div class="card-header"><h4> <b>WhatsApp Campaign Dashboard</b>
        @can('hasExcelPermission')
        <form class="pull-right mb-0" action="{{ url('devops/exportWhatsApplog') }}" method="POST">
                @csrf
                <button type="submit" class="export-wa-excel btn btn-sm excel-btn border-radius-0"><i class="fa fa-download"></i> Export</button>
                <input type="hidden" name="start_date" id="from_date" />
                <input type="hidden" name="end_date" id="to_date"/>
                <input type="hidden" name="parent_id[]" id="parent_id_hidden"/>
            </form>
            @endif
            </h4>
        </div>
        <div class="card-body table-responsive" >

    <!-- Modal -->
    <div class="modal fade" id="launchLogsModal" tabindex="-1" role="dialog" aria-labelledby="launchLogsModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
            <h5 class="modal-title">RCS Launch Logs</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            </div>
            <div class="modal-body">
            <table id="logsTable" class="table table-bordered table-striped">
                <thead>
                <tr>
                    <th>Launch Id</th>
                    <th>Mobile Count</th>
                    <th>Error Code</th>
                    <th>Error Response</th>
                </tr>
                </thead>
                <tbody></tbody>
            </table>
            </div>
        </div>
        </div>
    </div>
        <form class="flex">
            <div class="form-group col-md-3">
                    <label for="langOpt">Choose Account &nbsp; </label><br>
                    <select class="form-control" name="langOpt[]" multiple id="langOpt">
                        <optgroup label="ACTIVE">
                            @if(count($accname)>0)
                            @foreach ($accname as $key => $value)
                            @if( $value->status > 0)
                                <option value="{{ $value->id }}">{{ $value->account_name }}-({{ $value->id }})</option>
                                @endif
                                @endforeach
                            @endif
                            </optgroup>
                            <optgroup label="INACTIVE">
                            @if(count($accname)>0)
                            @foreach ($accname as $key => $value)
                            @if( $value->status == 0)
                                <option value="{{ $value->id }}">{{ $value->account_name }}-({{ $value->id }})</option>
                                @endif
                            @endforeach
                            @endif
                        </optgroup>
                    </select>
            </div>
            <div class="form-group col-md-2 col-sm-2 col-xs-2 col-lg-2">
                            <label for="period_filter">Choose Time Period</label>
                            <select id="period_filter" class="form-control">
                                <option value=''>Select</option>
                                <option value="1">Today</option>
                                <option value="2">Yesterday</option>
                                <option value="3">This Month</option>
                                <option value="4">Last Month</option>
                                <option value="5">Last 6 Months</option>
                                <option value="6">This Year</option>
                                <option value="7">Last Year</option>
                            </select>
                        </div>

                    <div class="form-group col-md-2">
                        <label for="start_date_gateway_wise">From Date</label>
                        <input type="text" class="form-control" id="start_date" name="start_date" placeholder="Select Date" value="{{date('Y-m-d')}}">
                    </div>

                    <div class="form-group col-md-2">
                        <label for="end_date_gateway_wise">To Date</label>
                        <input type="text" class="form-control" id="end_date" name="end_date" placeholder="Select Date" value="{{date('Y-m-d')}}">
                    </div>
        </form>
                    <table class="table table-bordered table-hover" id="wa-log-dashboard-table">
                        <thead>
                            <tr>
                            <th scope="col">S No.</th>
                            <th scope="col">Launch ID</th>
                            <th scope="col">Created On</th>
                            <th scope="col">Executed On</th>
                            <th scope="col">Updated On</th>
                            <th scope="col">Brand Name</th>
                            <th scope="col">Parent ID</th>
                            <th scope="col">Account Name</th>
                            <th scope="col">Platform Name</th>
                            <th scope="col">Whatsapp Account Name</th>
                            <th scope="col">Pushed Volume</th>
                            <th scope="col">Submitted</th>
                            <th scope="col">Response</th>
                            <th scope="col">Sent</th>
                            <th scope="col">Failed</th>
                            <th scope="col">Delivered</th>
                            <th scope="col">Read</th>
                            <th scope="col">P2S <span data-toggle="tooltip" title="(Submitted * 100) / Pushed Volume"><i class="fa fa-info-circle" aria-hidden="true"></i></span></th>
                            <th scope="col">S2R <span data-toggle="tooltip" title="(Response * 100) / Submitted"><i class="fa fa-info-circle" aria-hidden="true"></i></span></th>
                            @canany(['isSuperAdmin','isAdmin','isDevops', 'isSupport']) {{--only for devops / superadmin and admin team column enable--}}
                             <th scope="col">Log Server </th>  
                            @endcanany  
                            <th scope="col">Status</th>    
                            <th scope="col">Logs</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                            <th>Total</th>
                            <th>NA</th>
                            <th>NA</th>
                            <th>NA</th>
                            <th>NA</th>
                            <th>NA</th>
                            <th>NA</th>
                            <th>NA</th>
                            <th>NA</th>
                            <th>NA</th>
                            <th>0.00</th>
                            <th>0.00</th>
                            <th>0.00</th>
                            <th>0.00</th>
                            <th>0.00</th>
                            <th>0.00</th>
                            <th>NA</th>
                            <th>0.00</th>
                            <th>NA</th>
                            @canany(['isSuperAdmin','isAdmin','isDevops', 'isSupport']) 
                               <th>NA</th>
                            @endcanany
                            <th>NA</th>
                            <th>NA</th>    
                            </tr>
                        </tfoot>
                    </table>
                </div>
	</div>
</div>
<script>
    var isDevops = @json(auth()->user()->can('isDevops')); //in js file we canot load devops directly
    var isSuperAdmin = @json(auth()->user()->can('isSuperAdmin')); 
    var isAdmin = @json(auth()->user()->can('isAdmin')); 
    var isSupport = @json(auth()->user()->can('isSupport')); 
</script>
<link rel="stylesheet" href="{{asset('css/jquery-ui.css')}}"/>
<script type="application/javascript" src="{{ asset('js/jquery-ui.js') }}"></script>
<script type="application/javascript" src="{{ asset('js/Devops/whatsapplogdashboard.js') }}"></script>

@endsection