@extends('reachassuree_agent/layouts.main')
@section('title', $data['title'])
@section('content')

<style>
    .dropdown-checklist {
        padding: 0px 12px;
        line-height: 0px;
    }
    .dropdown-checklist input {
        margin-left: 3px;
    }
    
    #datatable tbody td:nth-child(25) {
        white-space: normal;
        word-wrap: break-word;
    }
    .btn-label {
        font-size: 17px;
        padding: 0px 5px;
    }
    .contact-links a {
        color: #000;
    }
    #datatable tbody td:nth-child(4) {
        white-space: normal;
        word-wrap: break-word;
        min-width: 200px;
    }
    #datatable tbody td:nth-child(5) {
        white-space: normal;
        word-wrap: break-word;
        min-width: 500px;
    }
</style>

<div class="page-content">
    <div class="container-fluid">
        @include('../reachassuree_agent/master/comman/header')

        <div class="row justify-content-end">
            <a href="javascript:void(0);" onclick="return learningVideo()" class="btn-youtube-pulse btn-youtube-pulse-border">
                <i class="mdi mdi-youtube"></i>
            </a>
        </div>

        <div class="row">
            <div class="card">
                <div class="card-body">
                    <div class="tab-content">
                        <div class="row">
                            <table id="datatable" class="table align-middle table-nowrap table-striped display nowrap w-100 scrollable-element">
                                <thead class="table-light">
                                    <tr>
                                        <th>Sr.No</th>
                                        <th>Action</th>
                                        <th>Company Name</th>
                                        <th>Link For What?</th>
                                        <th>Related link</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                            @csrf
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <hr>

        <div class="row">
            <div class="col-md-6">
                <h4 class="text-center text-uppercase mb-3">Download Our Agent App</h4>
                <div class="col-12 text-center">
                    <a href="https://play.google.com/store/apps/details?id=com.reachassuree.app&pli=1" target="_blank" class="mx-1"><img src="{{asset('assets/images/logo/googlePlay.jpg')}}" alt="Google Play" style="height: 30px; padding: 0; margin: 0; height: 55px;"></a>
                    {{-- <a onclick="showMessage()" class="mx-1"><img src="{{asset('assets/images/logo/comingsoon.jpg')}}" alt="Play Store" style="height: 30px; padding: 0; margin: 0; height: 55px;"></a> --}}
                    <a href="https://apps.apple.com/us/app/ra-reach-assuree/id6475772253" target="_blank" class="mx-1"><img src="{{asset('assets/images/logo/appStore.jpg')}}" alt="App Store" style="height: 30px; padding: 0; margin: 0; height: 55px;"></a>
                    
                </div>
            </div>
            <div class="col-md-6">
                <h4 class="text-center text-uppercase mb-3">Download Our Customer App</h4>
                <div class="col-12 text-center">
                    <a href="https://play.google.com/store/apps/details?id=com.customer.reachassuree.app" target="_blank" class="mx-1"><img src="{{asset('assets/images/logo/googlePlay.jpg')}}" alt="Google Play" style="height: 30px; padding: 0; margin: 0; height: 55px;"></a>
                    <a href="https://apps.apple.com/us/app/bima-bag/id6475395925" target="_blank" class="mx-1"><img src="{{asset('assets/images/logo/appStore.jpg')}}" alt="App Store" style="height: 30px; padding: 0; margin: 0; height: 55px;"></a>
                </div>
            </div>
        </div>

    </div>
</div>

@endsection

@section('custom-scripts')
<script src="{{ asset('assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
<script src="{{ asset('assets/js/pages/sweet-alerts.init.js') }}"></script>

<script type="text/javascript">
    var csrfToken = $("[name=_token]").val();
    var ajaxURLLink = "{{ route('useful.links.ajax') }}";

    var table = $('#datatable').DataTable({
        "aoColumnDefs": [{
            "bSortable": true,
            "aTargets": []
        }],
        "order": [[0, 'desc']],
        "processing": true,
        "serverSide": true,
        "scrollX": true,
        "scrollY": function() {return $(window).height() - 500;},
        "ajax": {
            "url": ajaxURLLink,
            "type": "POST",
            "data": {"_token": csrfToken,}
        },
        "aoColumns": [
            {"mData": "id"},
            {"mData": "action","bSortable": false},
            {"mData": "company_name"},
            {"mData": "link_subject"},
            {"mData": "related_link"},
        ]
    });

    function showMessage() {
      toastr["error"]("Thank you for your interest! Our iOS app is coming soon. Stay tuned for updates!");
    }

    function withoutJquery(id) {
        var content = $('#related_link_' + id).val();

        var tempTextarea = document.createElement('textarea');
        tempTextarea.value = content;
        document.body.appendChild(tempTextarea);
        tempTextarea.select();
        document.execCommand('copy');
        document.body.removeChild(tempTextarea);

        toastr["success"]("Related link copied!");
    }
</script>
@endsection