@extends('layouts.app')

@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Occupation Lists</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active">Simple Tables</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->

    </section>
    <section class="content-header">

            <div id="hello" class="col-sm-6">
                <button id="sendData" class="btn btn-primary">Send Updated Email</button>
            </div>



    </section>

    <section class="content-header">
        <div class="container-fluid">

            <div class="card">
{{--                <div class="card-header">--}}
{{--                    <h3 class="card-title">Occupation Lists</h3>--}}
{{--                </div>--}}
                <!-- /.card-header -->
                <div class="card-body table-responsive p-0">
                    <table class="table table-sm">
                        <thead>
                        <tr>
                            <th>ID</th>
                            <th style="width: 500px">List Name</th>
                            <th>State</th>
                            <th>Region</th>
                            <th >List Link</th>
                            <th>Status</th>
                            <th>Last Updated At</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>

                        @foreach($occupationLists as $list)

                        <tr>
                            <td>{{$list['id']}}</td>
                            <td>{{$list['occupation_list_name']}}</td>
                            <td>{{$list['state']}}</td>
                            <td>{{$list['region']}}</td>
                            <td style="white-space: nowrap; text-overflow:ellipsis; overflow: hidden; max-width:1px;"><a href="{{$list['list_link']}}" target="_blank">{{$list['list_link']}}</a></td>
                            <td>   @if($list['status']=='out')
                                    <span class="badge badge-success"> <span>Open</span></span>
                                @else
                                    <span class="badge badge-danger"> <span>Closed</span></span>
                                @endif
                            </td>
                            <td>{{$list['list_last_update']}}</td>
                            <td><a type="button" href="{{route('view.list.detail',$list['id'])}}">
                                    <button type="button" class="btn btn-block btn-primary btn-xs">{{__('View')}}</button>
                                </a></td>
                        </tr>

                        @endforeach
                        </tbody>
                    </table>
                </div>
                <!-- /.card-body -->
            </div>
        </div>
    </section>

@endsection

{{--<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>--}}

{{--<script>--}}

{{--    $(document).ready(function(){--}}
{{--    $("#sendData").click(function(){--}}

{{--        $.ajax({--}}
{{--            url:"/emailNotification",--}}
{{--            type:"GET",--}}
{{--            // headers: {--}}
{{--            //     "Authorization": "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJhdWQiOiIxIiwianRpIjoiOTZjNzNhOWRmMzk4Mzk4NzdjOTVjMGRjOWI4NGIxYWE2NTRlZjQ0MmMyNmQ0MTcxNGE1OGUyN2NkZDQ2ZDIzNzBhNjI1ZTA2NjZmMmUyNjQiLCJpYXQiOjE2MjYwNzcxNzEsIm5iZiI6MTYyNjA3NzE3MSwiZXhwIjoxNjU3NjEzMTcxLCJzdWIiOiIzIiwic2NvcGVzIjpbXX0.hlISaZBXEc8VfyQzL0KBWxw-utQWDJf4_IMaIXs6u6R02ocl8_xIJm8mWyW7F8nYrrOrB37rZb1DePtcnb4HXfu_W9Ia2vafsC0PoBT5lGJ-IxVHnwaKF75Y68LLWqEQsmRAVYPBgm_nxMIGUjBjP4xMWfeDMdrtalRC3dO0JzZ2vbzVpbuUGFvMJ8rY5srOIpCz14HeBNKIeI45C35gezA3vaPiFHUjoVpFsEJmTBNiMaOoQcX5o6k12pgq1QL4gpuxqyeuxFIeWXMMsG6dMQUVmhSqA9VltnYYlDhIm9MfNLs8NqwLoAoPY0QVYdV2nW4_IMMjEXLwIyTZQxPl7QfFLnHNLtTSok8xWFuGcvNI2bUQrVagYP_P4hRyR4Hnp1drAa7bCQFyLrR21WFT3YiuZ5yJ2Sp9mk244M_nVM5S8noLKJTwWEuqmz65M25edJVoadslMf8z1x9SZtkgt49Ntx9V1nTAUkCWUWvG_ZvnZzbkiaa7oFL0Gl1z8FhyYdRmK4Vzq_u3nH5aIvSREsdNIVhmo6heZYAjnXm3J9B0fUsmHAuytycwzeN_6Ljgn4W7uDwIJMDoGBw9fVhk6Gfup3yj7hBb6s_3cWo6WtwHu-pU9NAy-u9pHzPrjOdieItevV88LazPaOsQHv7TW77y7TpDD_quSw21R1Owr14",--}}
{{--            // },--}}
{{--            success: function (data) {--}}
{{--                $('#hello').text(data);--}}
{{--            }--}}
{{--        });--}}
{{--    })});--}}


{{--</script>--}}