@extends('admin.layouts.app')
@section('title',get_setting('site_name').' | Asset Item')
@push('css')
    <style>
        .asset-admin-page .asset-card {
            border: 0;
            border-radius: 0.5rem;
            box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.06);
        }
        .asset-admin-page .asset-card .card-header {
            background: #fff;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06);
            padding: 1rem 1.25rem;
        }
        .asset-admin-page .asset-card .card-body {
            padding: 1.25rem;
        }
        .asset-admin-page .asset-filters label {
            display: block;
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            color: #5f6368;
            margin-bottom: 0.25rem;
        }
        .asset-admin-page .asset-table thead th {
            font-size: 0.8125rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.02em;
            color: #5f6368;
            border-top: 0;
            white-space: nowrap;
            vertical-align: middle;
        }
        .asset-admin-page .asset-table tbody td {
            vertical-align: middle;
        }
        .asset-admin-modal .modal-content {
            border: none;
            border-radius: 0.5rem;
            box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.12);
        }
        .asset-admin-modal .modal-header {
            border-bottom: 1px solid rgba(0, 0, 0, 0.08);
            padding: 1rem 1.25rem;
        }
        .asset-admin-modal .modal-title {
            font-weight: 600;
            font-size: 1.05rem;
        }
        .asset-admin-modal .modal-body {
            padding: 1.25rem;
        }
        .asset-admin-modal .modal-footer {
            border-top: 1px solid rgba(0, 0, 0, 0.08);
            padding: 0.875rem 1.25rem;
        }
        .asset-admin-modal .form-label-asset {
            font-size: 0.8125rem;
            font-weight: 600;
            color: #5f6368;
            margin-bottom: 0.35rem;
        }
        .asset-admin-modal .section-label {
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            color: #5f6368;
            margin: 0.5rem 0 0.75rem;
            padding-bottom: 0.35rem;
            border-bottom: 1px solid #edf0f6;
        }
        .asset-admin-page .btn-action-group .btn {
            min-width: 2.25rem;
        }
    </style>
@endpush
@section('content')

    <div class="row asset-admin-page">
        <div class="col-md-12 col-xl-11 mx-auto mb-3 mt-3">

            <div class="card asset-card">
                <div class="card-header gutters-10">
                    <div class="row w-100 align-items-center">
                        <div class="col-md-6 mb-2 mb-md-0">
                            <h5 class="mb-0">{{ __('Asset items') }}</h5>
                        </div>
                        <div class="col-md-6 text-md-right">
                            @can('Asset-create')
                                <button type="button" class="btn btn-primary" onclick="attendence_setup_add()"><i
                                            class="las la-plus"></i>&nbsp;{{ __('New asset') }}
                                </button>
                            @endcan
                        </div>
                    </div>

                </div>

                <div class="card-body">
                    <form action="" method="get" class="asset-filters mb-4">
                        <div class="form-row align-items-end">
                            <div class="form-group col-6 col-md-4 col-lg-2 mb-2 mb-lg-0">
                                <label for="flt_category">{{ __('Asset type') }}</label>
                                <select class="form-control" id="flt_category" name="category_id">
                                    <option value="">{{ __('All types') }}</option>
                                    @foreach(\App\Models\asset_category::where('parent_id','!=',null)->get() as $asset_itm)
                                        <option value="{{$asset_itm->id}}"
                                                @selected(request('category_id')==$asset_itm->id)>{{$asset_itm->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-6 col-md-4 col-lg-2 mb-2 mb-lg-0">
                                <label for="flt_status">{{ __('Status') }}</label>
                                <select class="form-control" id="flt_status" name="status">
                                    <option value="">{{ __('All statuses') }}</option>
                                    <option value="0" @selected(request('status')==='0' || request('status')===0)>{{ __('Available') }}</option>
                                    <option value="1" @selected(request('status')==='1' || request('status')===1)>{{ __('Assigned') }}</option>
                                    <option value="2" @selected(request('status')==='2' || request('status')===2)>{{ __('Damaged') }}</option>
                                </select>
                            </div>
                            <div class="form-group col-6 col-md-4 col-lg-2 mb-2 mb-lg-0">
                                <label for="flt_branch">{{ __('Branch') }}</label>
                                <select class="form-control" id="flt_branch" name="branch_id">
                                    <option value="">{{ __('All branches') }}</option>
                                    @foreach($branchs as $branch)
                                        <option value="{{$branch->id}}"
                                                @selected(request('branch_id')==$branch->id)>{{$branch->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-6 col-md-4 col-lg-2 mb-2 mb-lg-0">
                                <label for="flt_department">{{ __('Department') }}</label>
                                <select class="form-control" id="flt_department" name="department_id">
                                    <option value="">{{ __('All departments') }}</option>
                                    @foreach($departments as $dept)
                                        <option value="{{ $dept->id }}" @selected((string)request('department_id') === (string)$dept->id)>{{ $dept->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-12 col-md-4 col-lg-2 mb-2 mb-lg-0">
                                <label for="flt_code">{{ __('Asset code / S/N') }}</label>
                                <input class="form-control" id="flt_code" placeholder="{{ __('Code or serial') }}" type="text"
                                       name="asset_code"
                                       value="{{ request('asset_code') }}">
                            </div>
                            <div class="form-group col-12 col-md-4 col-lg-2 mb-2 mb-lg-0">
                                <label for="flt_project">{{ __('Project ID') }}</label>
                                <input class="form-control" id="flt_project" type="number" min="1" name="project_id"
                                       value="{{ request('project_id') }}" placeholder="{{ __('Optional') }}">
                            </div>
                            <div class="form-group col-12 col-md-auto mb-0 d-flex flex-wrap align-items-end mt-2" style="gap: 0.5rem;">
                                <button class="btn btn-primary" type="submit"><i
                                            class="fas fa-filter"></i>&nbsp;{{__('Filter')}}</button>
                                <a href="{{route('asset')}}" class="btn btn-outline-secondary"><i
                                            class="fas fa-undo"></i>&nbsp;{{__('Reset')}}</a>
                            </div>
                        </div>
                    </form>

                    <div class="table-responsive">
                    <table class="table asset-table mb-0">
                        <thead>
                        <tr>
                            <th>{{ __('Name') }}</th>
                            <th>{{ __('Category') }}</th>
                            <th>{{ __('Asset type') }}</th>
                            <th>{{ __('Asset code') }}</th>
                            <th>{{ __('Dept. / project') }}</th>
                            <th>{{ __('Note') }}</th>
                            <th>{{ __('Branch') }}</th>
                            <th>{{ __('Status') }}</th>
                            <th class="text-right">{{ __('Action') }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($asset_items as $item)
                            <tr>
                                <td class="font-weight-medium">{{$item->name}}</td>
                                <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>
                                    @if($item->identity!=null )
                                        {{$item->identity}}
                                    @elseif($item->code!=null)
                                        {{$item->code}}
                                    @else
                                        {{__('-')}}
                                    @endif
                                </td>
                                <td>
                                    <span class="d-block">{{ $item->department?->name ?? '—' }}</span>
                                    @if($item->project_id)
                                        <span class="text-muted small">{{ __('Project') }} #{{ $item->project_id }}</span>
                                    @endif
                                </td>
                                <td>
                                    @if($item->note)
                                        {{$item->note}}
                                    @else
                                        {{__('-')}}
                                    @endif
                                </td>
                                <td>{{!empty($item->branch)?$item->branch->name:'-'}}</td>
                                <td>
                                    @if($item->status==1)
                                        <span
                                            title="{{asset_assign_person($item->id,'person')}}"
                                            class="badge badge-info"> {{__('Assigned')}}</span>
                                    @elseif($item->status==3)
                                        <span class="badge badge-secondary"> {{__('Repairing')}}</span>
                                    @elseif($item->status==2)
                                        <span class="badge badge-danger">{{__('Damaged')}}</span>
                                    @else
                                        <span class="badge badge-primary">{{__('Available')}}</span>
                                    @endif
                                </td>
                                <td class="text-right text-nowrap btn-action-group">
                                    @can('Asset-edit')
                                        <button class="btn btn-primary btn-sm" type="button"
                                                onclick="attendance_setup_update({{$item->id}})">
                                            <i class="fas fa-edit"></i>
                                        </button>
                                    @endcan

                                    <button class="btn btn-info btn-sm" type="button"
                                            onclick="asset_assign_history({{$item->id}})"><i
                                            class="fas fa-history"></i>
                                    </button>
                                    @can('Asset-delete')
                                        <a class="btn btn-danger btn-sm delete_modal"
                                           data-href="{{route('asset.item.destroy',$item->id)}}"
                                           href="javascript:void(0)"><i
                                                class="fas fa-trash"></i></a>
                                    @endcan


                                </td>
                            </tr>
                        @endforeach
                        </tbody>

                    </table>
                    </div>
                    <div class="mt-2">
                        {{ $asset_items->appends(request()->query())->links() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('modal')
    <div class="modal fade asset-admin-modal" id="Attendance_setup_modal" tabindex="-1" role="dialog" aria-hidden="true">
        <form action="{{route('asset.item.store')}}" method="POST">
            @csrf
            <div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">{{__('New asset')}}</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('Close') }}"><span aria-hidden="true">&times;</span></button>
                    </div>
                    <div class="modal-body">
                        <p class="section-label">{{ __('Basic information') }}</p>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label-asset" for="new_asset_name">{{ __('Name') }}<span class="text-danger">*</span></label>
                                    <input class="form-control" id="new_asset_name" type="text" name="name" required>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label-asset" for="new_asset_supplier">{{ __('Supplier') }}</label>
                                    <input class="form-control" id="new_asset_supplier" type="text" name="supplier">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label-asset" for="new_asset_code">{{ __('Code') }}</label>
                                    <input class="form-control" id="new_asset_code" type="text" name="code">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label-asset" for="new_asset_manufacture">{{ __('Manufacture') }}</label>
                                    <input class="form-control" id="new_asset_manufacture" type="text" name="manufacture">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label-asset" for="asset_category_id">{{ __('Asset category') }}<span class="text-danger">*</span></label>
                                    <select class="form-control" name="parent_id" id="asset_category_id"
                                            onchange="get_sub()" required>
                                        <option value="">{{ __('Select asset category') }}</option>
                                        @foreach($categories as $category)
                                            <option value="{{$category->id}}">{{$category->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label-asset" for="asset_sub_categories">{{ __('Asset') }}</label>
                                    <select class="form-control" name="sub_id" id="asset_sub_categories">
                                        <option value="">{{ __('Select asset') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label-asset" for="new_asset_qty">{{ __('Quantity') }}</label>
                                    <input class="form-control" id="new_asset_qty" value="1" type="number" min="1" name="quantity" required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label-asset" for="new_asset_price">{{ __('Price') }}</label>
                                    <input class="form-control" id="new_asset_price" value="0" type="text" name="price">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label-asset" for="new_asset_identity">{{ __('Serial number') }}</label>
                                    <input class="form-control" id="new_asset_identity" type="text" name="identity">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label-asset" for="new_asset_purchase_date">{{ __('Purchase date') }}</label>
                                    <input class="form-control" id="new_asset_purchase_date" type="date" name="purchase_date">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label-asset" for="new_asset_model">{{ __('Model number') }}</label>
                                    <input class="form-control" id="new_asset_model" type="text" name="model">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label-asset" for="new_asset_warranty">{{ __('Warranty period') }}</label>
                                    <input class="form-control" id="new_asset_warranty" type="text" name="warranty_period">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label-asset" for="new_asset_expired">{{ __('Expire date') }}</label>
                                    <input class="form-control" id="new_asset_expired" type="date" name="expired_date">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label-asset" for="new_asset_branch">{{ __('Branch') }}<span class="text-danger">*</span></label>
                                    <select class="form-control" name="branch_id" id="new_asset_branch" required>
                                        <option value="">{{ __('Select branch') }}</option>
                                        @foreach($branchs as $branch)
                                            <option value="{{$branch->id}}">{{$branch->name}}</option>
                                        @endforeach
                                    </select>

                                </div>
                            </div>

                            <div class="col-md-12">
                                <p class="section-label mb-2">{{ __('Department / project') }}</p>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label-asset" for="new_asset_department_id">{{ __('Department') }}</label>
                                    <select class="form-control" name="department_id" id="new_asset_department_id">
                                        <option value="">—</option>
                                        @foreach($departments as $dept)
                                            <option value="{{ $dept->id }}">{{ $dept->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label-asset" for="new_asset_project_id">{{ __('Project') }}</label>
                                    <input class="form-control" id="new_asset_project_id" type="number" min="1" name="project_id"
                                           value=""
                                           placeholder="{{ __('Optional — ID when projects module is linked') }}">
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="form-group mb-0">
                                    <label class="form-label-asset" for="new_asset_description">{{ __('Description') }}</label>
                                    <textarea class="form-control" name="description" id="new_asset_description" cols="30"
                                              rows="3"></textarea>
                                </div>
                            </div>


                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        <button type="submit" class="btn btn-primary">{{__('Save')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade asset-admin-modal" id="Attendance_setup_update_modal" tabindex="-1" role="dialog" aria-hidden="true">
        <form action="{{route('asset.item.update')}}" method="POST">
            @csrf
            <div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">{{__('Update asset')}}</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('Close') }}"><span aria-hidden="true">&times;</span></button>
                    </div>
                    <div class="modal-body" id="asset_items_edit">

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        <button type="submit" class="btn btn-primary">{{__('Update')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>


    <div class="modal fade asset-admin-modal" id="asset_assign_history" tabindex="-1" role="dialog" aria-hidden="true">

        <div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{__('Asset assign history')}}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('Close') }}"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body" id="asset_assign_history_show">

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Close')}}</button>

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

@endsection

@section('script')
    <script>

        function attendence_setup_add() {
            $('#Attendance_setup_modal').modal('show');
        }

        function attendance_setup_update(id) {
            $.ajax({
                url: '{{route('asset.item.edit')}}',
                type: 'html',
                method: 'GET',
                data: {id: id},
                success: function (res) {
                    if (res) {
                        $('#asset_items_edit').html(res);
                        $('#Attendance_setup_update_modal').modal('show');
                    }

                }
            });


        }

        function get_sub() {
            var category_id = $('#asset_category_id').val();
            if (category_id !== '') {
                $.ajax({
                    method: 'Get',
                    type: 'html',
                    url: '{{route('get.asset.sub.categories')}}',
                    data: {category_id: category_id},
                    success: function (res) {
                        if (res) {
                            $('#asset_sub_categories').html(res);
                        }
                    }
                });
            } else {
                $('#asset_sub_categories').html('<option value="">{{ __('Select asset') }}</option>');

            }


        }

        function get_subs() {
            var category_id = $('#asset_category_ids').val();
            if (category_id !== '') {
                $.ajax({
                    method: 'Get',
                    type: 'html',
                    url: '{{route('get.asset.sub.categories')}}',
                    data: {category_id: category_id},
                    success: function (res) {
                        if (res) {
                            $('#asset_sub_categoriess').html(res);
                        }
                    }
                });
            } else {
                $('#asset_sub_categoriess').html('<option value="">{{ __('Select asset') }}</option>');

            }


        }

        function asset_assign_history(id) {
            $.ajax({
                url: '{{route('asset.assign.history')}}',
                method: 'GET',
                type: 'html',
                data: {id: id},
                success: function (res) {
                    $('#asset_assign_history_show').html(res);
                    $('#asset_assign_history').modal('show');
                }
            })
        }

    </script>
@endsection