@extends('admin.layouts.app')
@section('title',get_setting('site_name').' | Asset Requisition ')
@section('content')
    <style>


        .select2-selection__rendered {
            line-height: 31px !important;

        }

        .select2-container .select2-selection--single {
            height: 35px !important;

        }

        .select2-selection__arrow {
            height: 34px !important;

        }


    </style>
    <div class="row mt-3 mb-5">
        <div class="col-md-10 mx-auto">
            <div class="card">
                <div class="card-header">
                    <h5>Asset Assign list</h5>
                </div>
                <div class="card-body">

                    <form action="" method="Get">
                        <div class="row mb-3">
                            <div class="col-6"></div>
                            <div class="col-5 text-center no-print">
                                <div class="form-group mb-0 no-print">
                                    <select name="staff_id" id="" class="form-control select2" required>
                                        <option value="all">All Employee</option>
                                        @foreach($staffs as $staff)
                                            @if(($staff->user?->is_active ?? 0) == 1)
                                                <option value="{{$staff->id}}"
                                                        @if(request()->staff_id==$staff->id) selected @endif>
                                                    {{$staff->user?->name ?? 'Unknown'}}
                                                    -({{$staff->user?->id ?? 'N/A'}})
                                                    -({{$staff->warehouse?->name ?? '-'}})
                                                </option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-auto no-print">
                                <div class="form-group mb-0 no-print">
                                    <button type="submit" class="btn btn-primary btn-sm"><i
                                            class="fas fa-filter"></i>&nbsp;{{ __('Filter') }}</button>
                                </div>
                            </div>
                        </div>

                    </form>
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th>Asset Category</th>
                            <th>Asset</th>
                            <th>Serial/Code</th>
                            <th>Assign Employee</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($assign_assets as $item)
                            <tr>
                                <td>{{!empty($item->asset_category->parentCategory)?$item->asset_category->parentCategory->name:$item->asset_category->name}}</td>
                                <td>{{empty($item->asset_category->parentCategory)?'-':$item->asset_category->name}}</td>
                                <td>
                                    {{!empty($item->asset_item->identity)?$item->asset_item->identity:$item->asset_item->code??"-"}}

                                </td>
                                <td>
                                    @if((!empty($item->staff)&& !empty($item->staff->user)))
                                        {{$item->staff->user->name}}
                                    @endif
                                </td>
                                <td class="text-center">
                                    <button class="btn btn-primary btn-sm" type="button"
                                            onclick="asset_requisition_approval({{$item->id}})"><i
                                            class="fas fa-play"></i>
                                    </button>
                                </td>


                            </tr>
                        @endforeach
                        </tbody>
                    </table>

                    {{ $assign_assets->appends(request()->input())->links() }}
                   
                </div>
            </div>
        </div>
    </div>
@endsection
@section('modal')
    <div class="modal fade" id="asset_assign_history">
        <form action="{{route('asset.assign.return.store')}}" method="POST">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Asset Assign Return or Damage')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body" id="">
                        <div class="form-group row">
                            <div class="col-md-12 text-center">
                                <div class="form-check-inline my-1">
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio4" value="1" name="customRadio"
                                               class="custom-control-input"
                                               checked>
                                        <label class="custom-control-label" for="customRadio4">Return</label>
                                        <input type="hidden" name="id" id="id">
                                    </div>
                                </div>
                                <div class="form-check-inline my-1">
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio5" value="2" name="customRadio"
                                               class="custom-control-input">
                                        <label class="custom-control-label" for="customRadio5">Damage</label>
                                    </div>
                                </div>
                            </div>
                        </div> <!--end row-->
                        <div class="form-group row">
                            <div class="col-md-12">
                                <textarea class="form-control" name="note" id="" cols="30" rows="4" placeholder="note"
                                          required></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Close')}}</button>
                        <button type="submit" class="btn btn-primary">{{__('Update')}}</button>

                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection
@section('script')
    <script>
        function asset_requisition_approval(id) {
            $("#id").val(id);
            $('#asset_assign_history').modal('show');
        }
    </script>
@endsection