@extends('layouts.app')
@section('title', trans('menu.team_members_title'))
@section('content')
    @php
        $user = auth()->user();
    @endphp

    <div class='content'>
        <x-content.header title="{{__('title.team')}}" subTitle="{{__('title.team_subtitle')}}">
            <x-slot:headerRight>
                <a class="btn-secondary-base" data-toggle="modal" data-target="#exportModal" href="javascript:;"><x-svg-icon icon="icon-plus" /> {{trans('menu.export')}}</a>
            </x-slot:headerRight>
        </x-content.header>

        <livewire:team-member wire:key="team-members-grid" />

    </div>

    @include('layouts.partials.excelModal')

@endsection
@section('footer-script')
<script src="{{ asset('js/jquery-file-upload.js') }}"></script>

@stack('scripts')
    <script type="text/javascript">
		$(document).ready(function() {
			$('body').on('click', '.printOnPage', function(e) {
                var team = 1;
				var exportType = $(this).attr('data-name');
				var activeStatus = $('.activeStatus.active').attr('data-val');

                const location_id = $('input[name="location[]"]:checked').map(function () {
                    return $(this).val();
                })
                .get();

                const department_id = $('input[name="department[]"]:checked').map(function () {
                    return $(this).val();
                })
                .get();

                const position_id = $('input[name="position[]"]:checked').map(function () {
                    return $(this).val();
                })
                .get();

				var search = $('#search').val();
				var url = "{{route('users/excel')}}"+'?exportType='+exportType+ '&location_id='+location_id+ '&position_id='+position_id+ '&department_id='+department_id+ '&search='+search+ '&activeStatus='+activeStatus+ '&team='+team;
				var myWindow = window.open(url, "");
			});

			$('body').on('click', '.listGrid', function(e) {
				var status = $('.activeStatus.active').attr('data-val');


                const location = $('input[name="location[]"]:checked').map(function () {
                    return $(this).val();
                })
                .get();

                const department = $('input[name="department[]"]:checked').map(function () {
                    return $(this).val();
                })
                .get();

                const position = $('input[name="position[]"]:checked').map(function () {
                    return $(this).val();
                })
                .get();


				var term = $('#search').val();
				window.location.href = "{{ url('/team-members/list')}}"+'?location='+location+ '&position='+position+ '&department='+department+ '&term='+term+ '&status='+status;
			});
		});
    </script>
@stop