@extends('admin.layout.master')
@section('content')
@include('flash-message')
 <div class="card sina-card">
    <div class="card-header d-flex justify-content-between align-items-center ">
        <h5 class="font-weight-bold mb-0">{{__('obs.manage_team')}}</h5>
        <button type="button" class="btn btn-light btn-sm" onclick="resetmodal()">
            {{__('obs.add_team')}}
        </button>
    </div>
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <!-- Button trigger modal -->
                <div class="cl-table-container" id="print" style="max-height: calc(100vh - 140px);">
                    <table class="table cl-table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>{{__('obs.sl')}}</th>
                            <th>{{__('obs.name')}}</th>
                            <th>{{__('obs.leader_name')}}</th>
                            <th>{{__('obs.team_code')}}</th>
                            <th>{{__('obs.status')}}</th>
                            <th>{{__('obs.action')}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if (!empty($allteam))
                            @php($i = 1)
                                @foreach ($allteam as $item)
                                    <tr class="table-bordered">
                                        <td>{{ $i++ }}</td>
                                        <td>{{ $item->name }}</td>
                                        <td>{{ $item->leader_name }}</td>
                                        <td>{{ $item->team_code }}</td>
                                        
                                        <td>
                                            @if ($item->status == 1)
                                                <span class="text-success">{{__('obs.active')}}</span>
                                            @else
                                                <span class="text-danger">{{__('obs.inactive')}}</span>
                                            @endif
                                        </td>
                                        <td>
                                            <button type="button" data-toggle="modal" data-target="#editTeam"
                                                class="btn btn-primary btn-sm"
                                                onclick="editTeamsettings({{ $item->id }})">
                                                <i class="fas fa-edit"></i>
                                            </button>
                                            <a href="{{route('payroll.hrm.settings.team_delete',['id'=>$item->id])}}" onclick="return confirm('Team Will Delete Permanently. Are You Sure?')" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></a>
                                        </td>
                                    </tr>
                                @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
 @include('payroll.admin.settings.team_settings.form.add_team_settings')
@endsection

@section('script')
    <script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>
    <script>
    // FOR GET Team Setting  DATA USING ID
    const editTeamsettings = (id) => {
        $("#editTeam").modal('show');
        $.ajax({
            url: "/payroll/settings/edit-team-setting/" + id,
            type: "GET",
            data: {
                _token: "{{ csrf_token() }}",
            },
            success: function (data) {
                $('#teamCodediv').hide();
                $("#team_id").val(data.id);
                $("#name").val(data.name);
                $("#leader_name").val(data.leader_name);
                $("#description").val(data.description);
                $("#status").val(data.status);
            },
        });
    };

    // SCRIPT FOR RESETING MODAL INPUT VALUE WHEN WE WILL INSERT NEW VALUE
    function resetmodal() {
        $("#editTeam").modal('show');
        $("#team_id").val(0);
        $('#teamCodediv').show();
        $("#name").val('');
        $("#description").val('');
        $("#leader_name").val('');
    }

    </script>

@endsection


{{-- @section('script')
    <script>

    </script>

@endsection --}}