@extends('layouts.app')
@section('title', 'Lenders OMS | Assign')
@section('content')
<div class="container-fluid mt-2">
    @include('app.assignorders.index')
    <div class="col-lg-12">
        <div class="card ">
            <form action="{{route('assignment_update')}}" method="POST" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="type" value='2'>
            <div class="card-body">
                <div class="p-0">
                    <table id="datatable" class="table table-bordered nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                        <thead>
                            <tr>
                                <th width="8%">Sl No</th>
                                <th width="10%">Order #</th>
                                <th width="10%">Client </th>
                                <th width="10%">Service </th>
                                <th width="15%">Borrower Name</th>
                                <th width="20%">Property Address</th>
                                <th width="10%">Status </th>
                                <th width="8%" class="text-center">
                                    All <input type="checkbox" value="" id="selectall" name="selectall" class="pb-0 pt-3"/>
                                </th>
                                <th width="15%"> User </th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($orders as $order)
                                @php
                                    $inputData = json_decode($order->input, true);
                                @endphp
                                <tr style="color:#36374c">
                                    <td>{{ $loop->iteration}}</td>
                                    <td>{{ $order->id }}</td>
                                    <td>{!! isset($order->clients->client_name) ? $order->clients->client_name : "" !!}</td>
                                    <td>{!! isset($order->services->service_name) ? $order->services->service_name : "" !!}</td>
                                    <td>
                                        {!! isset($inputData['BorrowerInfo']['FirstBorrowerInfo']['first_name']) ? $inputData['BorrowerInfo']['FirstBorrowerInfo']['first_name'] : "" !!}
                                        {!! isset($inputData['BorrowerInfo']['FirstBorrowerInfo']['middle_name']) ? ' ' . $inputData['BorrowerInfo']['FirstBorrowerInfo']['middle_name'] : "" !!}
                                        {!! isset($inputData['BorrowerInfo']['FirstBorrowerInfo']['last_name']) ? ' ' . $inputData['BorrowerInfo']['FirstBorrowerInfo']['last_name'] : "" !!}
                                    </td>
                                    <td class="text-wrap">{!! isset($inputData['PropertyData']['address']) ? $inputData['PropertyData']['address'] : "" !!}</td>
                                    <td>{!! isset($order->statusTypes->status) ? $order->statusTypes->status : "" !!}</td>
                                    <td align="center">
                                        <input  type="checkbox" value="{{$order->id}}" id="logs{{$order->id}}" name="orders[]" />
                                    </td>
                                    <td>
                                        {!! isset($order->assignedUsers->first_name) ? ucwords($order->assignedUsers->first_name) : '' !!} {!! isset($order->assignedUsers->last_name) ? ' ' . ucwords($order->assignedUsers->last_name) : '' !!}
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
                <div class="form-group">
                    <div class="col-sm-12 text-center">
                        <button type="submit" class="btn btn-primary" style="display: none;" id="un_assign"  name="un_assign" >UnAssign</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Js --}}
<script type="text/javascript">
 $(document).ready(function(){
        $("#selectall").on('change', function(){
            if($("input[type=checkbox]").hasClass("checkclass"))
                $("input[type=checkbox]").removeAttr("checked").removeClass('checkclass');
            else
                $("input[type=checkbox]").attr("checked", "checked").addClass('checkclass');
        });
    });

    $(function(){
        var requiredCheckboxes = $('.checkclass :checkbox[required]');
        requiredCheckboxes.change(function(){
            if(requiredCheckboxes.is(':checked')) {
                requiredCheckboxes.removeAttr('required');
            } else {
                requiredCheckboxes.attr('required', 'required');
            }
        });
    });

    $(document).ready(function(){
    function updateAssignStatus() {
        var anyCheckboxChecked = $('input[type="checkbox"]:checked').not('#selectall').length > 0;

        if (anyCheckboxChecked) {
            $('#un_assign').show();
        } else {
            $('#un_assign').hide();
        }
    }

    $('input[type="checkbox"]').not('#selectall').change(function(){
        updateAssignStatus();
    });

    $("#selectall").on('change', function(){
        $('input[type="checkbox"]').prop('checked', $(this).prop("checked"));
        updateAssignStatus();
    });

    updateAssignStatus();
});
</script>

@endsection