@extends('layouts.user.app')
@section('title')
WELCOME TO GPC LR PORTAL
@endsection
@section('meta_description')
Register your substances with us and we will help you to fulfill all compliance requirements also you can contact our experts for further details.
@endsection
@section('meta_keywords')
WELCOME TO GPC LR PORTAL
@endsection

@section('content')

<style>
    .modalHeader{
        background: #172e43;
        padding: 10px 0px 10px 10px;
    }
    .dicisionTable tr td{
            border:1px solid #ffff;
        }
    .dicisionTable td{
        padding: 1px;
    }
    .tdborder{
        border-top: 1px solid #fff;
    }
    .tblHead{
        font-weight: 600;
    }
</style>

<div class="subheader py-2 py-lg-6 subheader-transparent" id="kt_subheader">
    <div class="container d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap">
        <div class="d-flex align-items-center flex-wrap mr-1">
            <div class="d-flex align-items-baseline flex-wrap mr-5">
                <h5 class="text-dark font-weight-bold my-1 mr-5"></h5>
                <ul class="breadcrumb breadcrumb-transparent breadcrumb-dot font-weight-bold p-0 my-2 font-size-sm">
                    <li class="breadcrumb-item text-primary">
                    </li>
                </ul>
              </div>
            </div>
          <div class="d-flex align-items-center"> 
       </div>
    </div>
</div>
<div class="d-flex flex-column-fluid">
<div class="container">
    <div class="card card-custom" style="margin-bottom: 20px;">
    <div class="row">
        <div class="col-md-6">
            <div class="card-header flex-wrap border-0 pt-6 pb-0">
                <h4 style="color: #68541a;">WELCOME TO GPC LR PORTAL</h4>
            </div>
            <div class="card-body pt-0">
            {{Auth::user()->company_name}}[{{Auth::user()->uuid}}]
            </div>
        </div>
        <div class="col-md-6">
            <div class="card-header flex-wrap border-0 pt-6 pb-0">
               
            </div>
            <div class="card-body pt-0 " style="text-align:right">
                <button data-toggle="modal" data-target="#myModal" title="Watch Video For Help" style="background: #172e43;color: white;border: 1px solid #172e43;padding: 4px;border-radius: 5%;" > <i class="fas fa-video" style="background: #68541a;padding: 12px;color: white; border-radius: 50%;box-shadow: 1px 2px 4px 0px black;"></i>&nbsp;Help!!</button>
                <div class="modal fade" id="myModal" role="dialog">
                <div class="modal-dialog modal-xl" style="position: relative;margin: 0 auto;top: 4%;">
                <!-- Modal content-->
                <div class="modal-content ">
                    <div class="modal-header" style="background: #1b1a19;border-bottom:none">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <div class="modal-body" style="text-align: center;background: #1b1a19;">
                   @if(session('regionid') == 1)
                    <video width="1000" height="500" controls>
                        <source src="{{asset('videos/LR_Portal_EU_English_version_2.mp4')}}" type="video/mp4">
                        Your browser does not support the video tag.
                    </video>
                   @elseif(session('regionid') == 2)
                    <style>.videoaccordion {
                    background-color: #68541a;
                    color: white;
                    cursor: pointer;
                    padding: 18px;
                    width: 100%;
                    border: none;
                    text-align: left;
                    outline: none;
                    font-size: 15px;
                    transition: 0.4s;
                    }

                    .active, .accordion:hover {
                    background-color: #172e43; 
                    }

                    .videopanel {
                    padding: 0 18px;
                    display: none;
                    background-color: white;
                    overflow: hidden;
                    }</style>
                   <button class="videoaccordion">Lang:English</button>
                    <div class="videopanel">
                    <video width="1000" height="500"  controls>
                        <source src="{{asset('videos/LR_portal_Turkey_English_version_2.mp4')}}" type="video/mp4">
                        Your browser does not support the video tag.
                    </video>
                    </div>

                    <button class="videoaccordion">Lang:Turkey</button>
                    <div class="videopanel">
                    <video width="1000" height="500"  controls>
                        <source src="{{asset('videos/LR_Portal_Turkey_Turkish_version_2.mp4')}}" type="video/mp4">
                        Your browser does not support the video tag.
                    </video>
                    </div>

                   
                   
                   @endif
                    </div>
                </div>
                <!-- Modal content end -->
                </div>
            </div>
            </div>
        </div>
    </div>
        
    </div>
    
    <div class="card card-custom">
        <div class="card-header flex-wrap border-0 pt-6 pb-0">
            <div class="card-title">
                <h3 class="card-label" style="color: #68541a;font-variant: all-petite-caps;font-size: 26px;">
                    Registered Substances of Region @php $data = DB::table('region')->where([['status', 1],['id', session('regionid')]])->first('name');  @endphp {{$data->name}}
                </h3>
            </div>
        </div>
        <div class="card-body pt-0">
            <div class="" id="" style="display: block;">
            @if(count($counters)>0)
                <table id="example" class=" table" >
                    <thead style="background: #172e43;color: white;">
                    <tr style="left: 0px;">
                        <th>
                            <span >SR.NO</span>
                        </th>
                        <th>
                            <span >REGION</span>
                        </th>
                        <th>
                            <span >CAS NO</span>
                        </th>
                        <th>
                            <span >CAS NAME</span>
                        </th>
                        <th>
                            <span >DICISION</span>
                        </th>
                        <th>
                            <span >EC NO</span>
                        </th>
                        <th data-field="ShipDate" class="datatable-cell datatable-cell-sort">
                            <span style="width: 112px;">PREREGISTRATION NUMBER</span>
                        </th>
                        <th>
                            <span >SURVEY</span>
                        </th>
                        <!-- <th data-field="Status" class="datatable-cell datatable-cell-sort">
                            <span >REMARK</span>
                        </th> -->
                    </tr>
                </thead>
                <tbody class="datatable-body" style="">
                @php $i=1; @endphp
                @foreach($counters as $key => $n)
                <tr data-row="0" class="datatable-row" style="left: 0px;">
                <td class="datatable-cell-center  datatable-cell-check" aria-label="1">
                    {{$i++}}
                </td>
                <td class="datatable-cell-center  datatable-cell-check" aria-label="1">