@extends('layouts/contentLayoutMaster')

@section('title',  __('locale.Pages.team.Title'))

@section('content')

@section('vendor-style')
    <!-- vendor css files -->
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/wizard/bs-stepper.min.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/select/select2.min.css')) }}">
@endsection

@section('page-style')
    <!-- Page css files -->
    <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/form-validation.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/form-wizard.css')) }}">
@endsection

<section id="multiple-column-form">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">{{ __('locale.Pages.team.Title') }}</h4>
                </div>
                <div class="card-body">
                    <form class="form-add-employee">
                        @csrf
                        <div class="row">
                            <div class="col-md-6 mb-12">
                                <div class="mb-1">
                                    <div class="">
                                        <label class="form-label"
                                            for="parameter_id">{{ __('locale.Pages.team.Label.parameter') }}</label>
                                            <select id="parameter_id" class="form-control"
                                            placeholder="{{ __('locale.Pages.team.Label.parameter') }}"name="parameter_id"
                                            required>
                                            <option value="" disabled selected>Selecione uma empresa</option>
                                                @if ($parameters)
                                                    @foreach ($parameters as $parameter)
                                                        <option value="{{ $parameter->id }}">{{ $parameter->name }}</option>
                                                    @endforeach
                                                @endif
                                            </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="name">{{ __('locale.Pages.team.Label.Name') }}</label>
                                    <input type="text" id="name" class="form-control" autocomplete="off"
                                        placeholder="{{ __('locale.Pages.team.Label.Name') }}" name="name"
                                        required />
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="email">{{ __('locale.Pages.team.Label.Email') }}</label>
                                    <input type="email" id="email" autocomplete="off" class="form-control" placeholder="Email"
                                        name="email" required />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="control_access_id">Nivel acesso</label>
                                        <select class="form-select" name="control_access_id" id="control_access_id" required>
                                            <option value="" disabled selected>Selecione um nivel de acesso</option>
											@if ($control_access)
											@foreach ($control_access as $control_access)
											<option value="{{ $control_access->id }}">{{ $control_access->name }}</option>
											@endforeach
											@endif
										</select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="registration">{{ __('locale.Pages.team.Label.Registration') }}</label>
                                    <input type="text" id="registration" class="form-control" autocomplete="off"
                                        placeholder="{{ __('locale.Pages.team.Label.Registration') }}"
                                        name="registration" required />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="cbo">CBO</label>
                                    <input type="text" id="cbo" class="form-control" autocomplete="off" placeholder="CBO"
                                        name="cbo" required />
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="cpf" autocomplete="off"> CPF</label>
                                    <input type="text" id="cpf" class="form-control" placeholder="CPF"
                                        name="cpf" required />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="rg" autocomplete="off">RG</label>
                                    <input type="text" id="rg" class="form-control" placeholder="RG"
                                        name="rg" required />
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="birth_date">{{ __('locale.Pages.team.Label.Birthday') }}</label>
                                    <input type="date" id="birth_date" class="form-control" name="birth_date"
                                        required />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="admission_date">{{ __('locale.Pages.team.Label.AdmissionDate') }}</label>
                                    <input type="date" id="admission_date" class="form-control" placeholder="CPF"
                                        name="admission_date" required />
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="mothers_name">{{ __('locale.Pages.team.Label.MothersName') }}</label>
                                    <input type="text" id="mothers_name" class="form-control" autocomplete="off"
                                        placeholder="{{ __('locale.Pages.team.Label.MothersName') }}"
                                        name="mothers_name" />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="pis" autocomplete="off">PIS</label>
                                    <input type="text" id="pis" class="form-control" placeholder="PIS"
                                        name="pis" required />
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="ctps">CTPS</label>
                                    <input type="text" id="ctps" class="form-control" placeholder="CTPS"
                                        name="ctps" required />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="role">{{ __('locale.Pages.team.Label.Role') }}</label>
                                    <input type="text" id="role" class="form-control" autocomplete="off"
                                        placeholder="{{ __('locale.Pages.team.Label.Role') }}" name="role"
                                        required />
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="role_summary_id">{{ __('locale.Pages.team.Label.RoleSummary') }}</label>
                                        <select id="role_summary_id" class="form-control"
                                        placeholder="{{ __('locale.Pages.team.Label.parameter') }}"name="role_summary_id"
                                        required>
                                        <option value="" disabled selected>Selecione um resumo do cargo</option>
                                            @if ($role_summaries)
                                                @foreach ($role_summaries as $role_summary)
                                                    <option value="{{ $role_summary->id }}">{{ $role_summary->name }}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="wage">{{ __('locale.Pages.team.Label.GrossSalaryInitial') }}</label>
                                    <input type="text" id="wage" class="form-control money"
                                        placeholder="R$: " name="wage" required />
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="actual_wage">{{ __('locale.Pages.team.Label.GrossSalaryCurrent') }}</label>
                                    <input type="text" id="actual_wage" class="form-control money"
                                        placeholder="R$: " name="actual_wage" required />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="regime">{{ __('locale.Pages.team.Label.HiringRegime') }}</label>
                                        <select name="regime" id="regime" class="form-select">
                                            <option value="" disabled selected>Selecione um regime</option>
                                            <option value="1">{{ __('locale.Pages.team.Value.CLT') }}</option>
                                            <option value="2">{{ __('locale.Pages.team.Value.PJ') }}</option>
                                        </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="customCheck1">{{ __('locale.Pages.team.Label.HealthInsurance') }}</label>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <div class="form-check">
                                                <input type="radio" name="health_plan" value="0" checked
                                                    class="form-check-input" id="customCheck1">
                                                <label class="form-check-label"
                                                    for="customCheck1">{{ __('locale.Pages.team.Value.No') }}</label>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-check">
                                                <input type="radio" name="health_plan" value="1"
                                                    class="form-check-input" id="customCheck2">
                                                <label class="form-check-label"
                                                    for="customCheck2">{{ __('locale.Pages.team.Value.Yes') }}</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="customcheck3">{{ __('locale.Pages.team.Label.DentalPlan') }}</label>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <div class="form-check">
                                                <input type="radio" name="dental_plan" value="0" checked
                                                    class="form-check-input" id="customCheck3">
                                                <label class="form-check-label"
                                                    for="customCheck3">{{ __('locale.Pages.team.Value.No') }}</label>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-check">
                                                <input type="radio" name="dental_plan" value="1"
                                                    class="form-check-input" id="customCheck4">
                                                <label class="form-check-label"
                                                    for="customCheck4">{{ __('locale.Pages.team.Value.Yes') }}</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="customCheck5">{{ __('locale.Pages.team.Label.LifeInsurance') }}</label>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <div class="form-check">
                                                <input type="radio" name="life_insurance" value="0" checked
                                                    class="form-check-input" id="customCheck5">
                                                <label class="form-check-label"
                                                    for="customCheck5">{{ __('locale.Pages.team.Value.No') }}</label>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-check">
                                                <input type="radio" name="life_insurance" value="1"
                                                    class="form-check-input" id="customCheck6">
                                                <label class="form-check-label"
                                                    for="customCheck6">{{ __('locale.Pages.team.Value.Yes') }}</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="customCheck7">{{ __('locale.Pages.team.Label.SantanderSalaryAccount') }}</label>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <div class="form-check">
                                                <input type="radio" name="santander_bank_account" value="0"
                                                    checked class="form-check-input" id="customCheck7">
                                                <label class="form-check-label"
                                                    for="customCheck7">{{ __('locale.Pages.team.Value.No') }}</label>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-check">
                                                <input type="radio" name="santander_bank_account" value="1"
                                                    class="form-check-input" id="customCheck8">
                                                <label class="form-check-label"
                                                    for="customCheck8">{{ __('locale.Pages.team.Value.Yes') }}</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="start_vacation">{{ __('locale.Pages.team.Label.StartOfVacation') }}</label>
                                    <input type="date" id="start_vacation" class="form-control"
                                        placeholder="Birth Date" name="start_vacation" />
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="end_vacation">{{ __('locale.Pages.team.Label.EndOfVacation') }}</label>
                                    <input type="date" id="end_vacation" class="form-control" placeholder="{{ __('locale.Pages.team.Label.EndOfVacation') }}"
                                        name="end_vacation" />
                                </div>
                            </div>
                            <div class="col-md-12 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                        for="status">{{ __('locale.Pages.team.Label.Status') }}</label>
                                        <select name="status" id="status" class="form-select">
                                            <option value="" disabled selected>Selecione um status</option>
                                            <option value="1">{{ __('locale.Pages.team.Value.Active') }}</option>
                                            <option value="2">{{ __('locale.Pages.team.Value.Fired') }}</option>
                                            <option value="2">{{ __('locale.Pages.team.Value.Away') }}</option>
                                        </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary me-1" id="btnAddEmployee">{{ __('locale.Pages.team.Button.Add') }}</button>
                                <button type="reset" class="btn btn-outline-secondary" id="btnReset">{{ __('locale.Pages.team.Button.Back') }}</button>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
<div class="modal fade text-start" id="modalAddBroker" tabindex="-1" aria-labelledby="modal_broker"
aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title" id="modal_broker">{{ __('locale.Pages.team.Title.ModalTitleBroker') }}</h4>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
            <h5>{{ __('locale.Pages.team.Title.Modalh5') }}</h5>
            <form id="form-modal-add-broker">
                <div class="row">
                    <div class="mb-1 col-md-6">
                        <label class="form-label" for="name">{{ __('locale.Pages.team.Label.Name') }}</label>
                        <input type="text" name="name" id="name" class="form-control"
                            placeholder="{{ __('locale.Pages.team.Label.Name') }}" aria-label="Name" required />
                    </div>
                    <div class="mb-1 col-md-6">
                        <label class="form-label" for="cnpj">CNPJ</label>
                        <input type="text" name="cnpj" id="cnpj" class="form-control"
                            data-mask="00.000.000/0000-00" placeholder="00.000.000/0000-00" aria-label="Name"
                            required />
                    </div>
                </div>
                <div class="row">
                    <div class="mb-1 col-md-6">
                        <label class="form-label" for="susep">SUSEP</label>
                        <input type="text" name="susep" id="susep" class="form-control"
                            placeholder="SUSEP" aria-label="Name" required />
                    </div>
                    <div class="mb-1 col-md-6">
                        <label class="form-label"
                            for="company_id">{{ __('locale.Pages.team.Model.Company') }}</label>
                        <select name="company_id" id="company_id" class="select2">
                            @if ($companies)
                                @foreach ($companies as $company)
                                    <option value="{{ $company->id }}">{{ $company->name }}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>
            </form>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-primary"
                id="btnModalAddBroker">{{ __('locale.Pages.team.ModelButton.Add') }}</button>
        </div>
    </div>
</div>
</div>
@section('vendor-script')
<!-- vendor files -->
<script src="{{ asset(mix('vendors/js/extensions/sweetalert2.all.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/forms/wizard/bs-stepper.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/forms/select/select2.full.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/jquery-mask/jquery.mask.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/forms/validation/jquery.validate.min.js')) }}"></script>
@endsection
@section('page-script')
<script>
    $(function() {
        'use strict';

        $('.select2').each(function() {
            var $this = $(this);
            $this.wrap('<div class="position-relative"></div>');
            $this.select2({
                dropdownAutoWidth: true,
                width: '100%',
                dropdownParent: $this.parent()
            });
        });

        $(".form-add-employee").validate({
            rules: {
                name: 'required',
                email: {
                    required: true,
                    email: 'email'
                },
                registration: 'required',
                cbo: 'required',
                cpf: {
                    required: true
                },
                rg: 'required',
                birth_date: 'required',
                admission_date: 'required',
                pis: 'required',
                ctps: 'required',
                role: 'required',
                wage: 'required',
                actual_wage: 'required',
                regime: 'required',
                health_plan: 'required'
            },
        });

        $("#cpf").mask("000.000.000-00");

        $(".money").mask("#.##0,00", {
            reverse: true
        });

        $("#cnpj").on("keyup", function() {

            let cnpj = $(this).val().replace(/\D/g, '');

            if (!validations.cnpj.isValid(cnpj)) {
                $("#modalAddBroker #btnModalAddBroker").attr('disabled', 'disabled');
            } else {
                $("#modalAddBroker #btnModalAddBroker").removeAttr('disabled');
            }

            if (cnpj.length === 14 && !validations.cnpj.isValid(cnpj) && window.Swal !== undefined) {
                window.Swal.fire({
                    title: "Ops!",
                    text: "{{ __('locale.Pages.team.Column.CNPJInvalid') }}",
                    icon: "{{ __('locale.Pages.team.warning') }}"
                })
            }

        });

        $("#modalAddBroker #form-modal-add-broker").validate({
            rules: {
                name: 'required',
                cnpj: 'required',
                susep: 'required',
                company_id: 'required',
            },
        });

        $("#modalAddBroker #btnModalAddBroker").on("click", function() {

            $("#form-modal-add-broker").submit();

        });

        $("#form-modal-add-broker").on("submit", async function(eve) {

            eve.preventDefault();

            if ($(this).get(0).checkValidity()) {

                let payload = Object.fromEntries((new FormData($(this).get(0))).entries())

                let {
                    data: json,
                    ...response
                } = await axios({
                        method: 'post',
                        url: `{{ route('api.brokers.store') }}`,
                        data: payload,
                        headers: {
                            "Authorization": "Bearer {{ session('Authorization') }}"
                        }
                    })
                    .catch((e) => {

                        let response = e.response;

                        @if (env('APP_DEBUG'))
                            console.warn(e)
                        @endif

                        if (response.status === 400 || response.status === 422) {
                            Swal.fire({
                                title: 'Ops!',
                                text: response.data.message,
                                icon: '{{ __('locale.Pages.team.Error') }}',
                                cancelButtonText: '{{ __('locale.Pages.team.Column.CloseButton') }}'
                            })
                        } else if (response.status === 404) {
                            Swal.fire({
                                title: 'Ops!',
                                text: '{{ __('locale.Pages.team.Column.RequestedNotFound') }}',
                                icon: '{{ __('locale.Pages.team.Error') }}',
                                cancelButtonText: '{{ __('locale.Pages.team.Column.CloseButton') }}'
                            })
                        } else {

                            Swal.fire({
                                title: 'Ops!',
                                text: '{{ __('locale.Pages.team.Column.ErrorRegisterOperator') }}',
                                icon: '{{ __('locale.Pages.team.Error') }}',
                                cancelButtonText: '{{ __('locale.Pages.team.Column.CloseButton') }}'
                            })

                        }

                        return false;

                    });

                let new_select_option = `<option value="${json.id}" select>${json.name}</option>`;

                $("#broker_id").append(new_select_option);

                $(this).get(0).reset();

                $("#modalAddBroker").modal('hide');


            }


        });

        $('#btnAddEmployee').on("click", async function(eve) {

            eve.preventDefault();

            $(".form-add-employee").submit();

        });

        // $(".form-add-employee").on("submit", async function(eve) {

        //     eve.preventDefault();

        //     if ($(".form-add-employee").get(0).checkValidity()) {

        //         let json = Object.fromEntries((new FormData($(".form-add-employee").get(0)))
        //             .entries());

        //         try {

        //             let {
        //                 data: response
        //             } = await axios({
        //                 url: `{{ route('api.employees.store') }}`,
        //                 method: 'post',
        //                 data: json,
        //                 headers: {
        //                     "Authorization": "Bearer {{ session('Authorization') }}"
        //                 }
        //             }).catch((e) => {

        //                 let response = e.response;

        //                 @if (env('APP_DEBUG'))
        //                     console.warn(e)
        //                 @endif

        //                 if (response.status === 400 || response.status === 422) {
        //                     Swal.fire({
        //                         title: 'Ops!',
        //                         text: response.data.message,
        //                         icon: '{{ __('locale.Pages.team.Error') }}',
        //                         cancelButtonText: '{{ __('locale.Pages.team.Column.CloseButton') }}'
        //                     })
        //                 } else if (response.status === 404) {
        //                     Swal.fire({
        //                         title: 'Ops!',
        //                         text: '{{ __('locale.Pages.team.Column.RequestedNotFound') }}',
        //                         icon: '{{ __('locale.Pages.team.Error') }}',
        //                         cancelButtonText: '{{ __('locale.Pages.team.Column.CloseButton') }}'
        //                     })
        //                 } else {

        //                     Swal.fire({
        //                         title: 'Ops!',
        //                         text: '{{ __('locale.Pages.team.Column.RegisterError') }}',
        //                         icon: '{{ __('locale.Pages.team.Error') }}',
        //                         cancelButtonText: '{{ __('locale.Pages.team.Column.CloseButton') }}'
        //                     })

        //                 }

        //                 return false;

        //             });

        //             Swal.fire({
        //                 title: 'Uhuul!',
        //                 text: '{{ __('locale.Pages.team.Column.RegisterEmployee') }}',
        //                 icon: '{{ __('locale.Pages.team.Success') }}',
        //             }).then((_) => {
        //                 if (_.isConfirmed) {
        //                     window.location.href = `{{ route('dashboard.teams.index') }}`
        //                 }
        //             })


        //         } catch (e) {

        //         }
        //     }

        // });

        $(".form-add-employee").on("submit", async function(eve) {

eve.preventDefault();

if ($(".form-add-employee").get(0).checkValidity()) {

    let json = Object.fromEntries((new FormData($(".form-add-employee").get(0)))
        .entries());

    try {

        let { data: response } = await axios({
            url: `{{ route('api.employees.store') }}`,
            method: 'post',
            data: json,
            headers: {
                "Authorization": "Bearer {{ session('Authorization') }}"
            }
        });

        // Exibe o alerta de sucesso somente se a requisição for bem-sucedida
        Swal.fire({
            title: 'Uhuul!',
            text: '{{ __('locale.Pages.team.Column.RegisterEmployee') }}',
            icon: '{{ __('locale.Pages.team.Success') }}',
        }).then((_) => {
            if (_.isConfirmed) {
                window.location.href = `{{ route('dashboard.teams.index') }}`
            }
        });

    } catch (e) {

        let response = e.response;

        @if (env('APP_DEBUG'))
            console.warn(e)
        @endif

        if (response.status === 400 || response.status === 422) {
            Swal.fire({
                title: 'Ops!',
                text: response.data.message,
                icon: '{{ __('locale.Pages.team.Error') }}',
                cancelButtonText: '{{ __('locale.Pages.team.Column.CloseButton') }}'
            })
        } else if (response.status === 404) {
            Swal.fire({
                title: 'Ops!',
                text: '{{ __('locale.Pages.team.Column.RequestedNotFound') }}',
                icon: '{{ __('locale.Pages.team.Error') }}',
                cancelButtonText: '{{ __('locale.Pages.team.Column.CloseButton') }}'
            })
        } else {
            Swal.fire({
                title: 'Ops!',
                text: '{{ __('locale.Pages.team.Column.RegisterError') }}',
                icon: '{{ __('locale.Pages.team.Error') }}',
                cancelButtonText: '{{ __('locale.Pages.team.Column.CloseButton') }}'
            })
        }

        return false;
    }
}

});


        $('#btnReset').on('click', function() {
            window.location.href = `{{ route('dashboard.teams.index') }}`;
        });


    });
</script>
@endsection