@extends('layouts.admin.app')

@section('content')
<link  href="{{url('css/jquery.dataTables.min.css')}}" rel="stylesheet">
<div class="center-container">
   <div class="alert-custom alert-success" id="alert_msg" style="display: none"></div>
    <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
            <div class="admin-title">
                <h2><img src="{{ asset($path.$activityProvider->logo)}}">
                    <b>{{ $activityProvider->name }}
                    <span id="subunitTitle">{{$subUnit->title}}</span></b>
                </h2>
                <div class="title-name-logo">
                    {{ trans('activity.vadso_municipality') }} <img src="{{ asset('images/vads-logo.png')}}">
                </div>
            </div>

    <div class="full-width">
		<table class="table data-table action-col tableDesign" id="activityTable">
            <a id="createId" href="{{ route('activity.create',$subUnit->id) }}" class="primary-btn sub-btn data-btn">{{ trans('activity.add_activity') }}</a>
            <select id="subUnit" data-size="6" name="subunit" class="form-control subunitDD">
                @foreach ($subUnitDropDown as $value)
                    <option value="{{ $value->id }}" @if($value->id==$subUnit->id) selected @endif data-title="{{$value->title }}">{{$value->title }}</option>
                @endforeach
            </select>
			<thead>
				<tr>
					<th width="16.66%">{{ trans('activity.activities') }}</th>
					<th width="16.66%">{{ trans('activity.gender') }}</th>
                    <th width="16.66%">{{ trans('activity.period') }}</th>
                    <th width="16.66%">{{ trans('activity.age') }}</th>
                    <th width="16.66%">{{ trans('activity.price') }}</th>
					<th width="16.66%">{{ trans('activity.action') }}</th>
				</tr>
			</thead>
			<tbody></tbody>
		</table>
                </div>
            </div>
        </div>
    </div>
</div>
@include('layouts.admin.includes.deletePopup')
@endsection
@section('script')
<script src="{{ url('js/datatables.min.js')}}"></script>
<script src="{{url('js/pages/activity.js')}}"></script>
<script>
    var config = {
        Activity_DATATABLE:  "{{ route('activity.datatable',$activityProvider->id) }}",
        acitvity_create:"{{route('activity.create','')}}",
    };
    $('#activityTable').on('click','.delete-action',function(){
        var title = "{{ trans('activity.confirmation') }}";
        var text = "{{ trans('activity.activity_popup') }}";
        var url = $(this).attr('data-url');
        $('#deleteModal').find('.modal-title').text(title);
        $('#deleteModal').find('.main_text').text(text);
        $('#deleteModal').find('#deleteForm').attr('action', url);
        $('#deleteModal').modal('show');
    });
</script>
@endsection