@extends('layouts.admin.app')

@section('content')
<style>
    #activityproviderTable .cellData { cursor: pointer; }
</style>
<link  href="{{url('css/jquery.dataTables.min.css')}}" rel="stylesheet">
  <div class="center-container">
        <div class="admin-box full-width">
            <div class="container">
            @if(session('flash_success'))
                <div class="alert alert-success" role="alert">
                  <button type="button" class="close" data-dismiss="alert">×</button>
                    {{ session('flash_success') }}
                </div>
            @endif
            @if(session('flash_warning'))
                <div class="alert alert-danger" role="alert">
                  <button type="button" class="close" data-dismiss="alert">×</button>
                    {{ session('flash_warning') }}
                </div>
            @endif
                <div class="admin-title">
                    <h2>Aktivitetstilbydere</h2>
                    <div class="title-name-logo">
                        VADSØ KOMMUNE <img src="{{asset('images/vads-logo.png')}}">
                    </div>

                </div>
                <div class="full-width">
                    <a href="{{ route('activityprovider.create') }}" class="primary-btn sub-btn data-btn">{{trans('activity.add_activity_provider')}}</a>
                    <table class="table data-table action-col tableDesign" id="activityproviderTable">
                    <thead>
                        <tr>
                            <th></th>
                        <th width="80%">{{ trans('activity.provider_name')}}</th>
                        <th width="20%" class="text-center">{{ trans('activity.action') }}</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
             </div>
            </div>
        </div>
@include('layouts.admin.includes.deletePopup')
@endsection
@section('script')
<script src="{{ url('js/datatables.min.js')}}"></script>
<script>
    var config = {
        Activityprovider_DATATABLE:  "{{ route('activityprovider.datatable') }}"
    };

    $('#activityproviderTable').DataTable({
        language: { search: '', searchPlaceholder: "Søk",emptyTable: "Ingen data tilgjengelig i tabellen",zeroRecords: "Fant ingen samsvarende poster",
            "processing":"<p class='dt-loading'>Laster inn..</p>"},
        processing: true,
        serverSide: true,
        ajax: config.Activityprovider_DATATABLE,
        type: "GET",
        "columnDefs": [
            {"orderable": false, "targets": [0,2]},
            {"searchable": false, "targets": [0,2]},
        ],
        order:[],
        columns: [
            {data: 'logo', name: 'name', "class" : "cellData"},
            {data: 'name', name: 'name', "class" : "cellData"},
            {data: 'action', name: 'action', "class" : "actions",}
        ],
        drawCallback: function() {
		}
    });

    $('#activityproviderTable tbody').on('click','.cellData',function(e){
            window.location = $(this).closest('tr').attr('data-route');

    });

    $('#activityproviderTable').on('click','.delete-action',function(){
        var title = "{{ trans('activity.confirmation') }}";
        // $(".modal-footer").show();
        var text = "{{ trans('activity.Are_you_sure_you_want_to_delete_this_Activity_Provider') }}";
        var url = $(this).attr('data-url');
        /*var exist = $(this).find('input').val();
        if(exist==1){
            {{-- text="{{trans('activity.can_not_delete')}}"; --}}
            $(".modal-footer").hide();
        }*/
        $('#deleteModal').find('.modal-title').text(title);
        $('#deleteModal').find('.main_text').text(text);
        $('#deleteModal').find('#deleteForm').attr('action', url);
        
        $('#deleteModal').modal('show');
    });
</script>
@endsection