@extends('admin.layout.master')
@section('title', 'Manage Officer')
@section('content')
    <div class="card sina-card">
        <div class="card-header card-header-s d-flex flex-wrap align-items-center">
            <h4 class="col-6 pl-0">  {{__('obs.marketing_officer_list')}}</h4>
            <div  class="col-6 d-flex justify-content-end">
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#addUser">
                      {{__('obs.add_user')}}
                </button>
            </div>
        </div>
        <div class="card-body">
            <div class="table-responsive"  id="print">
                <table id="apply_data_table" class="table  table-hover table-bordered">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">{{__('obs.name')}}</th>
                            <th scope="col">{{__('obs.email')}}</th>
                            <th scope="col">{{__('obs.address')}}</th>
                            <th scope="col">{{__('obs.phone')}}</th>
                            <th scope="col">{{__('obs.level')}}</th>
                            <th scope="col">{{__('obs.group')}}</th>
                            <th scope="col">{{__('obs.roles')}}</th>
                            <th scope="col">{{__('obs.cost_centers')}}</th>
                            <th scope="col">{{__('obs.warehouses')}}</th>
                            <th scope="col">{{__('obs.status')}}</th>
                            <th scope="col">{{__('obs.action')}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php($i = 1)
                            @foreach ($users as $user)
                                <tr>
                                    <th scope="row">{{ $i++ }}</th>
                                    <td>{{ $user->name }}</td>
                                    <td>{{ $user->email }}</td>
                                    <td>{{ $user->marketing->address }}</td>
                                    <td>{{ $user->marketing->phone }}</td>
                                    <td>
                                        {{-- {{ ?$levels->where('id',$user->marketing->office_level_id)->first()->name:'Not Set Admin' }} --}}
                                        @if(count($levels->where('id',$user->marketing->office_level_id)))
                                            {{$levels->where('id',$user->marketing->office_level_id)->first()->name}}
                                            {{-- <span class="badge badge-info">{{$allGroups->where('id',$g)->first()->name_eng}}</span>, --}}
                                        @else
                                            <span class="badge badge-danger">{{'Not Set Admin'}}</span>
                                        @endif
                                    </td>
                                    <td class="text-wrap">
                                        @forelse(array_filter(explode(',',$user->marketing->group_ids)) as $g)
                                            @if(count($allGroups->where('id',$g)))
                                                <span class="badge badge-info">{{$allGroups->where('id',$g)->first()->name_eng}}</span>,
                                            @endif
                                        @empty
                                            <span class="badge badge-danger">{{__('obs.not_asigned')}}</span>
                                        @endforelse
                                    </td>
                                    <td class="text-wrap">
                                        @forelse($user->roles as $role)
                                            <span class="badge badge-info">{{$role->name}}</span>,
                                        @empty
                                            <span class="badge badge-danger">{{__('obs.not_asigned')}}</span>
                                        @endforelse
                                    </td>
                                    
                                    <td class="text-wrap">
                                        @forelse($user->costcenters as $costcenter)
                                            <span class="badge badge-dark">{{$costcenter->name}}</span>,
                                        @empty
                                            <span class="badge badge-danger">{{__('obs.not_asigned')}}</span>
                                        @endforelse
                                    </td>
                                    <td class="text-wrap">
                                        @forelse($user->warehouses as $warehouse)
                                            <span class="{{$user->warehouse_id==$warehouse->id?'badge badge-success':'badge badge-info'}}">{{$warehouse->name_eng}}</span>,
                                        @empty
                                            <span class="badge badge-danger">{{__('obs.not_asigned')}}</span>
                                        @endforelse
                                    </td>
                                    <td>
                                        @if ($user->status == 1)
                                            <p style="color:green">{{__('obs.active')}}
                                                @if(checkAuthPermission('admin.register_update_status'))
                                                    <a class="btn btn-sm btn-link" href="{{route('admin.register_update_status',['id'=>$user->id,'status'=>0])}}"><i class="text-danger fas fa-thumbs-down"></i></a>
                                                @endif
                                            </p>
                                        @else
                                            <p style="color:red"> {{__('obs.inactive')}}
                                                @if(checkAuthPermission('admin.register_update_status'))
                                                    <a class="btn btn-sm btn-link" href="{{route('admin.register_update_status',['id'=>$user->id,'status'=>1])}}"><i class="text-success fas fa-thumbs-up"></i></a>
                                                @endif
                                            </p>
                                        @endif
                                    </td>
                                    <td>
                                        <!-- Button trigger modal -->
                                        @if(checkAuthPermission('officer.edit'))
                                        <button type="button" onClick='editusers({{$user}})' class="btn btn-primary" data-toggle="modal" data-target="#edituser">
                                            Edit
                                        </button>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
       
        @include('inventory.forms.officer_form')
        @include('inventory.forms.officer_edit_form')
        <script type="text/javascript" src="{{ asset('admin/custom/api.js') }}"></script>
        <script type="text/javascript" src="{{ asset('inventory/custom/users.js') }}"></script>
    @endsection
@section('script')
<script>
    $('#apply_data_table').dataTable({
            "paging": false,
    });
    $('.select_2').select2();
function editusers(data)
   {
        $("#editUser").modal("hide");
        var str ='';
        console.log(data);
        $('#edit_id').val(data.id);
        $('#edit_email').val(data.email);
        $('#edit_name').val(data.name);
        $('#edit_contact_info').val(data.marketing.phone);
        $('#edit_address_eng').val(data.marketing.address);
        $('#edit_days_for_backdate_post').val(data.days_for_backdate_post);
        $('#edit_days_for_postdate_post').val(data.days_for_advancedate_post);
        $('#edit_office_level_id').val(data.marketing.office_level_id).trigger('change');
        if(data.marketing.level==6){
            if(data.marketing.group_ids){
                let groupData=data.marketing.group_ids.split(",").filter(data=>data!="");
                console.log(groupData);
                $('#edit_group_id').val(groupData).trigger('change');
                // setSelect2Data(groupData,'edit_group_id');
            }
        }
        setSelect2Data(data.costcenters,'edit_cost_center_id');
        setSelect2Data(data.roles,'edit_role_id');
        setSelect2Data(data.warehouses,'edit_warehouse_id');
        
        $("#editUser").modal("show");
        $('select_2').select2();
    }
    function setSelect2Data(selectedValues,id){
        var data=[];
        for (let index = 0; index < selectedValues.length; index++) {
            data.push(selectedValues[index].id);
        }
        $('#'+id).val(data).trigger('change');
    }
    function toggleCustomerGroup(level_id,group_input){
        var zone=$('#'+level_id+' option:selected').attr('data-zone');
        if(zone==6){
            $('#'+group_input).show();
        }else{
            $('#'+group_input).hide();
        }
    }
</script>

@endsection