@extends('layouts.app')

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

@section('content')

@section('page_title') Yulore Dashboard @endsection
<div class="container-fluid">
	<div class="card">
        <div class="card-body table-responsive" >
        @include('sms_templates.rcs_log_header')
            @can('hasExcelPermission')
        <form class="pull-right mb-0" action="{{ url('devops/exportyulorelogdashboard') }}" method="POST">
                @csrf
                <button type="submit" class="export-yulore-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="rcs_type" id="rcs"/>
                <input type="hidden" name="parent_id[]" id="parent_id_hidden"/>

            </form>
            @endif

        <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">
                <label for="rcs_type">Campaign Type Filter</label>
                <select id="rcs_type" class="form-control" data-live-search="true">
                    <option value=''>All</option>
                    <option value='0'>SMS</option>
                    <option value='1'>Google Rcs</option>
                    <option value='2'>yulore structure (Y)</option>
                    <option value='3'>yulore rich card (YS)</option>
                </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="yulore-dashboard-table">
                        <thead>
                            <tr>
                            <th scope="col">Launch ID</th>
                            <th scope="col">App ID</th>
                            <th scope="col">Organization Name</th>
                            <th scope="col">Created On</th>
                            <th scope="col">Executed On</th>
                            <th scope="col">Updated On</th>
                            <th scope="col">Campaign Type</th>
                            <th scope="col">Parent ID</th>
                            <th scope="col">Brand Name</th>
                            <th scope="col">Pushed Volume</th>
                            <th scope="col">Submitted</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">Recent Unaccepted Count</th>
                            <th scope="col">Response</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>
                            <th scope="col">Delivered</th>
                            <th scope="col">R2D <span data-toggle="tooltip" title="(Delivered * 100) / Response"><i class="fa fa-info-circle" aria-hidden="true"></i></span></th>
                            <th scope="col">Recent Undelivered Count</th>
                            <th scope="col">Clicks</th>
                            <th scope="col">Bot Clicks</th>
                            <th scope="col">Whistle Action</th>
                            <th scope="col">D2C  <span data-toggle="tooltip" title="(Clicks * 100) / Delivered"><i class="fa fa-info-circle" aria-hidden="true"></i></span></th>
                            <th scope="col">S2C  <span data-toggle="tooltip" title="(Clicks * 100) / Submitted"><i class="fa fa-info-circle" aria-hidden="true"></i></span></th>
                            <th scope="col">Recent Unaccepted status</th>  
                            <th scope="col">Recent Undelivered status</th>  
                            <th scope="col">Status</th>   
                            </tr>
                        </thead>
                    </table>
                </div>
	</div>
</div>

<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/yuloredashboard.js') }}"></script>

@endsection