@extends('admin.layout')
@section('content')
<style>
#watermarked::before {
    position: fixed;
    top: -75%;
    left: -75%;

    display: block;
    width: 300%;
    height: 300%;

    transform: rotate(-45deg);
    content: attr(data-watermark);

    font-size: 30px;
    opacity: 0.15;
    line-height: 4em;
    letter-spacing: 2px;
    color: #ff0523;
    z-index:0;
    }
    .content-wrapper, .right-side{
		background: #FFF;
	}
	.box {
		background: transparent;
		z-index: 1; 
	}
    .link-wrapper-laravel .slick-prev, .link-wrapper-core .slick-prev{
        left: 0px;
        z-index: 2;
        opacity: 0.2;
        -webkit-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .link-wrapper-laravel .slick-next, .link-wrapper-core .slick-next{
        right: 0px;
        z-index: 2;
        opacity: 0.2;
        -webkit-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }    
    .link-wrapper-laravel .slick-prev:before,
    .link-wrapper-laravel .slick-next:before,
    .link-wrapper-core .slick-prev:before,
    .link-wrapper-core .slick-next:before{
        color: #000;
    }
    .link-wrapper-laravel:hover .slick-prev, .link-wrapper-core:hover .slick-prev,
    .link-wrapper-laravel:hover .slick-next, .link-wrapper-core:hover .slick-next{
        opacity: 1;
    }
    .nopadding.show-width-multi .select2-container{
        padding-left: 0;
    }
    .nopadding.show-width-multi .select2-selection.select2-selection--single{
        border:0;
    }
    .multi-upper-cmn-bx.nopadding .select2-selection__rendered{
        max-height: 22px !important;
    }
</style>
<div class="search-list">
    <div class="content-wrapper search-result-list">
    <section class="content-header">
        <h1> {{ trans('Helpdesk') }} <small class="pagination-result" style="color: #111111; font-weight: 500; margin-left: 25px;"> (Showing {{($result['iptv_website_email']->currentPage()-1)* $result['iptv_website_email']->perPage()+($result['iptv_website_email']->total() ? 1:0)}} to {{($result['iptv_website_email']->currentPage()-1)*$result['iptv_website_email']->perPage()+count($result['iptv_website_email'])}}  of  {{$result['iptv_website_email']->total()}}  Results)  </small> </h1>
        <ol class="breadcrumb">
            <li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
            <li class="active"> {{ trans('Helpdesk') }}</li>
        </ol>
    </section>
<style>  
    .bootstrap-select.btn-group .dropdown-menu li {
        border-bottom: 1px solid #6c6c6cde;
    }
    
    ._subject .dropdown-menu {
        box-shadow: -1px 3px 13px 0 rgba(85, 85, 85, 0.52);
        border: 1px solid #b5b5b5;
        /*width: 100%;*/
    }
    ul.typeahead li {
        border-bottom: 1px solid;
    }
    .typeahead__container {
        font: 1.3rem Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
    }
    .typeahead__label {
        font-size: calc(1rem * 1.1);
    }
    #assignedto .typeahead__result ul.typeahead__list {
        overflow-y: scroll;
        height: 350px;
        overflow-x: auto;
    }
    #leads_products .typeahead__result ul.typeahead__list {
        overflow-y: scroll;
        height: 350px;
        overflow-x: auto;
    }
    /*input#search_text,#from_date, #to_date{height: 28px;}*/
     /*    new style added by Dalip on 20-05-2020*/
    .row.myFlexDiv {
        display: flex;
        margin: 15px -5px 0;
    }

    .row.myFlexDiv > div {
        padding: 0 5px;
        margin-bottom: 0;
    }

    .row.myFlexDiv > div .form-group {
        margin-bottom: 0;
    }
    html .typeahead__label-container {
        position: static;
        display: flex;
        order: 2;
        padding: 5px 0 0 0 !important;
        max-height:60px;
        overflow-y: auto;
    }

    html .typeahead__query {
        position: relative;
        z-index: 2;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
        .typeahead__field input, .typeahead__field textarea, .typeahead__field [contenteditable], .typeahead__field .typeahead__hint {
        padding: 0.5rem 0.75rem !important;
    }
    html .typeahead__label > *{
        line-height: 1.2;
        font-size: 11px;
        align-self: center;
    }
    html .typeahead__label .typeahead__cancel-button{
        padding-top: 0;
        padding-bottom: 0;
        line-height: 1.2;
        font-size: 11px;
    }
    .row.myFlexDiv > div .btn-primary {
        line-height: 1;
        width: 100%;
    }
    ::-webkit-scrollbar {
      width: 5px;
    }

    ::-webkit-scrollbar-track {
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }

    ::-webkit-scrollbar-thumb {
      background-color: darkgrey;
      outline: 1px solid slategrey;
    }
    html ul.typeahead__list {
        height: auto !important;
        max-height: 50vh;
            overflow-y: auto;
    }
    #error_search_text {
        color: red;
        font-size: 12px;
    }
    .fullLoader{
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.8) url("{{ URL::to('/assets/admin/images/img/loading.svg')}}") no-repeat center 20px;
        background-size: 50px;
        display: none;
        z-index: 99;
    }
    .row.listing {
        position: relative;
    }
    a.btn.btn-light-danger.active {
        color: #000;
        background: #ffeaea;
    }
    a.btn.btn-light-success.active {
        color: #000;
        background: #ddffd8;
    }
</style>
    <section class="content">
        <div class="row">
            <div class="col-xs-12">
                <div class="box box-info">
                    <div class="box-body">
                        <div class="row">
                            <div class="col-sm-7">
                                <div class="link-wrapper-laravel iptv-db-slider">
                                     <div class=""><a href="{{ url('/admin/all-email/') }}" class="btn btn-light-success">All</a></div>
                                     <!--
                                    <div class=""><a href="{{ url('/admin/all-email/') }}?website%5B%5D=tashantv.net" class="btn btn-light-success {{in_array('tashantv.net', (array) request()->query('website')) ? 'active' : '' }}">Tashan.net</a></div>
                                    <div class=""><a href="{{ url('/admin/all-email/') }}?website%5B%5D=voisiptv.ca" class="btn btn-light-success {{ in_array('voisiptv.ca', (array) request()->query('website'))  ? 'active' : '' }}">VoisIPTV.ca</a></div>
                                    <div class=""><a  href="{{ url('/admin/all-email/') }}?website%5B%5D=guruiptv.xyz" " class="btn btn-light-success {{ in_array('guruiptv.xyz', (array) request()->query('website'))  ? 'active' : '' }}">GuruIPTV.xyz</a></div>
                                    <div class="item"><a href="{{ url('/admin/all-email/') }}?website%5B%5D=bossiptv.xyz" class="btn btn-light-success {{ in_array('bossiptv.xyz', (array) request()->query('website'))  ? 'active' : '' }}">Boss IPTV</a></div>
                                    <div class=""><a href="{{ url('/admin/all-email/') }}?website%5B%5D=tashantv.com" class="btn btn-light-success {{ in_array('tashantv.com', (array) request()->query('website'))  ? 'active' : '' }}">TashanIPTV.com</a></div>
                                    <div class=""><a href="{{ url('/admin/all-email/') }}?website%5B%5D=bramptoniptv.net" class="btn btn-light-success {{ in_array('bramptoniptv.net', (array) request()->query('website'))  ? 'active' : '' }}">Brampton IPTV</a></div>
                                    <div class=""><a href="{{ url('/admin/all-email/') }}?website%5B%5D=indianiptv.net" class="btn btn-light-success {{ in_array('indianiptv.net', (array) request()->query('website'))  ? 'active' : '' }}">Indian IPTV</a></div>
                                    <div class=""><a href="{{ url('/admin/all-email/') }}?website%5B%5D=ultrastreamtv.net" class="btn btn-light-success {{ in_array('ultrastreamtv.net', (array) request()->query('website'))  ? 'active' : '' }}">Ultrastreamtv.net</a></div>
                                    <div class=""><a href="{{ url('/admin/all-email/') }}?website%5B%5D=nextgeniptv.net" class="btn btn-light-success {{ in_array('nextgeniptv.net', (array) request()->query('website'))  ? 'active' : '' }}">Nexgen IPTV</a></div>
                                    <div class=""><a href="{{ url('/admin/all-email/') }}?website%5B%5D=bombayiptv.com" class="btn btn-light-success {{ in_array('bombayiptv.com', (array) request()->query('website'))  ? 'active' : '' }}">Bombay IPTV</a></div>
                                    <div class=""><a href="{{ url('/admin/all-email/') }}?website%5B%5D=Bharat IPTV" class="btn btn-light-success {{ in_array('Bharat IPTV', (array) request()->query('website'))  ? 'active' : '' }}">Bharat IPTV</a></div>
                                    <div class=""><a href="{{ url('/admin/all-email/') }}?website%5B%5D=Bossiptv USA" class="btn btn-light-success {{ in_array('Bossiptv USA', (array) request()->query('website'))  ? 'active' : '' }}">Bossiptv USA</a></div>
                                    <div class=""><a href="{{ url('/admin/all-email/') }}?website%5B%5D=voisiptv.com" class="btn btn-light-success {{ in_array('voisiptv.com', (array) request()->query('website'))  ? 'active' : '' }}">VoisIPTV.com</a></div>
                                    <div class=""><a href="{{ url('/admin/all-email/') }}?website%5B%5D=GURU IPTV USA" class="btn btn-light-success {{ in_array('GURU IPTV USA', (array) request()->query('website'))  ? 'active' : '' }}">GURU IPTV USA</a></div>
                                    <div class=""><a href="{{ url('/admin/all-email/') }}?website%5B%5D=Parivaar IPTV" class="btn btn-light-success {{ in_array('Parivaar IPTV', (array) request()->query('website'))  ? 'active' : '' }}">Parivaar IPTV</a></div>
                                    <div class=""><a href="{{ url('/admin/all-email/') }}?website%5B%5D=The Indian IPTV" class="btn btn-light-success {{ in_array('The Indian IPTV', (array) request()->query('website'))  ? 'active' : '' }}">The Indian IPTV</a></div>
                                    <div class=""><a href="{{ url('/admin/all-email/') }}?website%5B%5D=Buy Boss IPTV" class="btn btn-light-success {{ in_array('Buy Boss IPTV', (array) request()->query('website'))  ? 'active' : '' }}">Buy Boss IPTV</a></div>
                                    <div class=""><a href="{{ url('/admin/all-email/') }}?website%5B%5D=Jaadoo TV" class="btn btn-light-success {{ in_array('Jaadoo TV', (array) request()->query('website'))  ? 'active' : '' }}">Jaadoo TV</a></div>
                                    <div class=""><a href="{{ url('/admin/all-email/') }}?website%5B%5D=Taaj IPTV" class="btn btn-light-success {{ in_array('Taaj IPTV', (array) request()->query('website'))  ? 'active' : '' }}">Taaj IPTV</a></div>
                                    <div class=""><a href="{{ url('/admin/all-email/') }}?website%5B%5D=Tashan TV USA" class="btn btn-light-success {{ in_array('Tashan TV USA', (array) request()->query('website'))  ? 'active' : '' }}">Tashan TV USA</a></div>
                                    <div class=""><a href="{{ url('/admin/all-email/') }}?website%5B%5D=guruiptvprovider.com" class="btn btn-light-success {{ in_array('guruiptvprovider.com', (array) request()->query('website'))  ? 'active' : '' }}">Guru IPTV Provider</a></div> -->