@extends('admin.layout.master')
@section('title','LOG')
@section('custom_style') 
    <link href="{{asset('assets/css/custom_print.css')}}" rel="stylesheet"/>
@endsection
@section ('content')  
    <div class="card sina-card"> 
        <div class="card-header card-header-s d-flex flex-wrap align-items-center">
            <div class="col-md-6 col-12 pl-0">
                <h4>Log List</h4>
            </div> 
        </div>
        <div class="card-body">
            <form method="get" name="filter_form" id="filter_form" action="{{ route('log.index') }}">
                @csrf   
                <div class="d-flex flex-wrap justify-content-center mb-1 mt-2"> 
                    <div class="col-md-2 col-6 flex-wrap pr-0 mb-2">
                        <label for="model">Model</label>
                        <select class="form-control select_mdl" style="width: 100%" name="model" id="model" required> 
                            <option value=""></option>
                            @forelse ($log_model as $mdl)
                                                                <option value="{{ $mdl->laggable_type }}" {{ request()->model == $mdl->laggable_type ? 'selected' : '' }}>{{ $n[count($n)-1] }}</option>
                            @empty 
                            @endforelse
                        </select>
                    </div>
                    <div class="col-md-2 col-6 flex-wrap pr-0 mb-2">
                        <label for="user_id">User</label>
                        <select class="form-control select_2" style="width: 100%" name="user_id" id="user_id"> 
                            <option value=""></option>
                            @forelse ($users as $user)
                                <option value="{{ $user->id }}" {{ request()->user_id == $user->id ? 'selected' : '' }}>{{ $user->name }}</option>
                            @empty 
                            @endforelse
                        </select>
                    </div>
                    <div class="col-md-2 col-6 flex-wrap pr-0 mb-2">
                        <label for="inv_no">Keywords</label>
                        <input type="text" class="form-control" name="inv_no" id="inv_no" value="{{ request()->inv_no??'' }}">
                    </div>
                    <div class="col-md-2 col-6 flex-wrap pr-0 mb-2">
                        <label for="date_from">Date From</label>
                        <input type="text" class="form-control date_picker" name="date_from" id="date_from" value="{{ request()->date_from ? date('d-m-Y', strtotime(request()->date_from)) : date('d-m-Y') }}">
                    </div>
                    <div class="col-md-2 col-6 flex-wrap pr-0 ">
                        <label for="date_to">Date To</label>
                        <input type="text" class="form-control date_picker" name="date_to" id="date_to" value="{{ request()->date_to ? date('d-m-Y', strtotime(request()->date_to)) : date('d-m-Y') }}">
                    </div> 
                    <div class="col-md-2 col-2 flex-wrap pr-0 text-center mb-2 pt-1 m-auto">
                        <button class="btn btn-sm btn-outline-info font-weight-bold d-flex" name="filter" id="filter">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter pt-1" viewBox="0 0 16 16">
                                <path d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
                            </svg>&nbsp;Filter
                        </button>
                    </div> 
                </div> 
            </form>
            <hr>
            {{-- <div class="stickybutton rounded-lg" style="display: none" id="btn_print">
                <button class="btn btn-sm btn-warning btn-hover" style="font-size: 15px" onclick="$('#printThis').printThis();" type="button"><b>Print</b> &nbsp;<svg aria-hidden="true" style="height: 15px" focusable="false" data-prefix="far" data-icon="print" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-print fa-w-16"><path fill="currentColor" d="M400 264c-13.25 0-24 10.74-24 24 0 13.25 10.75 24 24 24s24-10.75 24-24c0-13.26-10.75-24-24-24zm32-88V99.88c0-12.73-5.06-24.94-14.06-33.94l-51.88-51.88c-9-9-21.21-14.06-33.94-14.06H110.48C93.64 0 80 14.33 80 32v144c-44.18 0-80 35.82-80 80v128c0 8.84 7.16 16 16 16h64v96c0 8.84 7.16 16 16 16h320c8.84 0 16-7.16 16-16v-96h64c8.84 0 16-7.16 16-16V256c0-44.18-35.82-80-80-80zM128 48h192v48c0 8.84 7.16 16 16 16h48v64H128V48zm256 416H128v-64h256v64zm80-112H48v-96c0-17.64 14.36-32 32-32h352c17.64 0 32 14.36 32 32v96z" class=""></path></svg></button>
            </div>  --}}
            @forelse ($logs as $log) 
            {{-- @dd(json_decode($log->log_data)) --}}
                <div class="row d-flex flex-wrap">
                    <h5 class="col-md-12 bg-dark text-white mt-2 text-center">{{ $log->createdBy->name.'   '.(date('d-m-Y h:i:s A', strtotime($log->created_at))) }}</h5>
                    @forelse (json_decode($log->log_data) as $key=>$item)
                        @if (!is_object($item) && !is_array($item))
                            <div class="col-md-2 p-1"> 
                                <div class="card text-center mb-1" style="height: 100%;"> 
                                    <label>{{ ucfirst(str_replace('_', ' ', $key)) }}</label>
                                    <h5>{{ $key == 'date' || $key == 'created_at' || $key == 'updated_at' ? (date('d-m-Y h:i:s A', strtotime($item))) : $item }}</h5>
                                </div>
                            </div>
                        @else
                            @if (count((array)$item) != 0)
                                <div class="col-md-12 badge badge-primary">  
                                    <h5>{{ ucfirst(str_replace('_', ' ', $key)) }}</h5>   
                                </div>                                     
                            @endif             
                            @forelse ($item as $k=> $rel_item)
                                @if (!is_object($rel_item)) 
                                    <div class="col-md-2 p-1"> 
                                        <div class="card text-center mb-1" style="height: 100%;"> 
                                            <label>{{ str_replace('_', ' ', $k) }}</label>
                                            <h5>{{ $k == 'date' || $k == 'created_at' || $k == 'updated_at' ? (date('d-m-Y h:i:s A', strtotime($rel_item))) : $rel_item }}</h5>
                                        </div>
                                    </div>
                                @else 
                                    @include('admin.log.recursive', ['item'=> $rel_item]) 
                                @endif
                            @empty 
                            @endforelse  
                        @endif
                    @empty                                
                    @endforelse  
                </div> 
            @empty
                
            @endforelse 
        </div>
    </div>
    <!--Modal -->
    {{-- <div class="modal fade bd-example-modal-lg" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalLabel">Daily Report</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="col-md-12">
                        <!-- Container -->
                        <section class="container invoice-container" id="printThis">  
                            <!-- Headings -->
                            <section class="main-head" id="head">
                                <div class="row align-items-center">
                                    <div class="col-6 mb-0">
                                        <img id="logo" src="{{asset('assets/images/logo.png')}}" title="Cursor Limited" alt="Cursor Limited" />
                                    </div> 
                                </div>
                                <hr>
                            </section>
                            <!-- Main Content -->
                            <section class="main-body"> 
                                <div class="card-header px-2 py-0" id="tbl_modal"> 
                                </div> 
                            </section>
                            <!-- Footer -->
                            <section class="" style="margin-top: 100px;" id="foot">
                                <div class="col-12">
                                    <div class="row text-center">
                                        <div class="col-3">
                                            <p style="border-top: 1px solid black;">Cursor Limited</p>
                                        </div>
                                        <div class="col-6">
                                            &nbsp;
                                        </div>
                                        <div class="col-3">
                                            <p style="border-top: 1px solid black;">Customer Signature</p>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </section>
                    </div>
                </div> 
            </div>
        </div>
    </div> --}}

@endsection

@section('script')
    <script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>
    <script>
        $(document).ready(function() {
            select2('select_2');
            select2('select_mdl', 'Select Model', false);
        });
    </script>
@endsection