@extends('layouts.admin')

@section('title','Add user to '.$Seat->name)

@section('content')

<div class="container-fluid p-0">
    <!--title-->
    <div class="mb-3">
      
    </div>   

    <div class="row">
            <div class="col-12 col-xl-12">
                <div class="card">

                     <h3 class="h3 d-inline align-middle" style="padding:10px;">Users assigned to {{ $Seat->name }} in {{ $Seat->office->name }}</h3>
                    <div class="table-responsive">

                 
                       
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Name</th>
                                    <th>PEN Number</th>
                                    <th>PAN Number</th>
                                     <th>Action</th>                                                                                   
                                </tr>
                            </thead>

                            <tbody>
                                
                              @if($Seat->StaffSeatMaster)
                                
                                    @foreach($Seat->StaffSeatMaster as $key=>$staff)

                                            <tr>

                                                <td>{{  ($key+1) }}</td>
                                                <td>   @if($staff->primary_user) <div class="alert alert-success" style="padding:5px;">  <span style="color:white;background-color:blue;padding:5px;">{{  $staff->User->name }}</span>&nbsp;&nbsp;<span style="padding:5px;">Primary Staff</span></div>   @else  {{  $staff->User->name }}  @endif</td>
                                                <td>{{  $staff->User->pen_number }}</td>
                                                <td>{{  $staff->User->pan_number }}</td>
                                                <td><button class="btn btn-danger relieve-staff" data-user-id="{{ \Crypt::encryptString($staff->User->id) }}">Relieve</button>

                                                @if($staff->primary_user==false)

                                                    <button class="btn btn-primary make-primary" data-user-id="{{ \Crypt::encryptString($staff->User->id)}}">Make Primary</button>
                                                @endif
                                            
                                            
                                                </td>
                                            </tr>
                                    @endforeach

                            @else

                                <tr><td colspan="5">No users assigned to seat</td></tr>


                            @endif
                
                        </tbody>
                    </table>

                   
                </div>
            </div>
        </div>
    </div>


   

    <!-- Search Form -->
    <div class="col-md-6">
        <br>
        <form class="d-flex ms-auto" action="{{ route('admin.seatmanagement.seats.users',\Crypt::encryptString($Seat->id)) }}" method="get" role="search">
            @csrf
            <input class="form-control me-2" type="text" placeholder="Search" name="search" value="{{ $search  }}" aria-label="Search">
            <button class="btn btn-outline-primary" type="submit">Search</button>
        </form>
    </div>  

    <!-- Collapsible Section Add Form -->
    

    <br>

    <form id="assign_user">

    <!-- Sections Table -->
     <input type="hidden" value="{{ \Crypt::encryptString($Seat->id) }}" name="seat" id="seat_id">
    <div class="row">
        <div class="col-12 col-xl-12">
            <div class="card">
                  <h3 class="h3 d-inline align-middle" style="padding:10px;">Assign user to {{ $Seat->name }} in {{ $Seat->office->name }}</h3>
                <div class="table-responsive">

                    <table class="table">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Name</th>
                                <th>PEN Number</th>
                                <th>PAN Number</th>
                                <th>Choose User</th>                                                                                        
                            </tr>
                        </thead>

                        <tbody>
                            
                          @if(!empty($Users))
                            
                                @foreach($Users as $key=>$User)

                                        <tr>

                                            <td>{{ ($key+1) }}</td>
                                            <td>{{ $User->name }}</td>
                                            <td>{{ $User->pen_number }}</td>
                                            <td>{{ $User->pan_number }}</td>
                                            <td><input type="radio" name="user" value="{{ \Crypt::encryptString($User->id) }}"></td>



                                        </tr>
                                @endforeach

                           @else

                              <tr><td colspan="5">No staff in search results</td></tr>


                           @endif
               
                       </tbody>
                   </table>

                   <div class="d-flex justify-content-center">

                     <button class="btn btn-primary" type="submit">Assign Staff</button>
           
                </div>

                <br><br>
            </div>
        </div>
    </div>
</div>

</form>
</div>

@endsection
@push('scripts')


    <script>

        $(document).ready(function()
        {


            $(document).on("click",".make-primary",function()
            {

            
                var user_id=$(this).data('user-id');

                var seat_id=$("#seat_id").val();


                swal.fire({

                    title:"Are you sure?",
                    text:"Are you sure to make staff primary?",
                    icon:"warning",
                    showCancelButton:true,
                    confirmButtonText:"OK"
                }).then((result)=>{

                    if(result.isConfirmed)
                    {

                        $.ajax({

                            headers:{'X-CSRF-TOKEN':"{{ csrf_token() }}"},
                            url:"{{ route('admin.seatmanagement.seats.make_staff_primary') }}",
                            method:"POST",
                            data:{staff:user_id,seat:seat_id},
                            dataType:"JSON",
                            success:function(response)
                            {
                                if(response.status=="success")
                                {
                                    swal.fire({

                                        title:"Staff changed to primary staff",
                                        text:response.message,
                                        icon:"success",
                                        confirmButtonText:"OK"
                                    }).then((result)=>{

                                        location.reload();
                                    });
                                }

                                else if(response.status=="error"){

                                    swal.fire({

                                        title:"Staff not made primary",
                                        text:response.message,
                                        icon:"error",
                                        confirmButtonText:"OK"
                                    });


                                }
                            },
                            error:function()
                            {

                                        swal.fire({

                                            title:"Staff not made primary",
                                            text:"Something went wrong",
                                            icon:"error",
                                            confirmButtonText:"OK"
                                        });

                            }
                        });

                    }
                });


                
            });

    





            $(document).on("click",".relieve-staff",function()
            {



                var user_id=$(this).data('user-id');

                var seat_id=$("#seat_id").val();


                swal.fire({

                    title:"Are you sure?",
                    text:"Are you sure to make staff relieve?",
                    icon:"warning",
                    showCancelButton:true,
                    confirmButtonText:"OK"
                }).then((result)=>{

                    if(result.isConfirmed)
                    {

                        $.ajax({

                            headers:{'X-CSRF-TOKEN':"{{ csrf_token() }}"},
                            url:"{{ route('admin.seatmanagement.seats.relieve_staff') }}",
                            method:"POST",
                            data:{user:user_id,seat:seat_id},
                            dataType:"JSON",
                            success:function(response)
                            {
                                if(response.status=="success")
                                {
                                    swal.fire({

                                        title:"Staff relieved",
                                        text:response.message,
                                        icon:"success",
                                        confirmButtonText:"OK"
                                    }).then((result)=>{

                                        location.reload();
                                    });
                                }

                                else if(response.status=="error"){

                                     swal.fire({

                                        title:"Staff not relieved",
                                        text:response.message,
                                        icon:"error",
                                        confirmButtonText:"OK"
                                    });


                                }
                            },
                            error:function()
                            {

                                        swal.fire({

                                            title:"Staff not relieved",
                                            text:"Something went wrong",
                                            icon:"error",
                                            confirmButtonText:"OK"
                                        });

                            }
                        });

                    }
                });


                
            });

            $(document).on("submit","#assign_user",function(e)
            {
                e.preventDefault();

                var form_data=new FormData($(this)[0]);

                $.ajax({

                    headers:{'X-CSRF-TOKEN':"{{ csrf_token() }}"},
                    url:"{{ route('admin.seatmanagement.seats.assign_user') }}",
                    method:"POST",
                    data:form_data,
                    dataType:"JSON",
                    processData:false,
                    contentType:false,
                    success:function(response)
                    {
                        if(response.status=="success")
                        {
                             Swal.fire({
                                title: 'User assigned',
                                text: response.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                                }).then((result)=>{

                                    location.reload();
                                });
                            
                        }

                        else{

                             Swal.fire({
                                title: 'User not assigned',
                                text: response.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                                });

                        }
                    },
                    error:function()
                    {

                         Swal.fire({
                                title: 'User not assigned',
                                text: "Something went wrong",
                                icon: 'error',
                                confirmButtonText: 'Ok'
                                });
                    }

                });
                
            });
            
        });


    </script>

@endpush