@extends('admin.master')
@section('title','Product List')
@section('content')
    <div class="container-fluid">
        <div class="row bg-title">
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                <ol class="breadcrumb">
                    <li class="active breadcrumbColor"><a href="{{ url('dashboard') }}"><i class="fa fa-home"></i> Dashboard</a></li>
                    <li>@yield('title')</li>
                </ol>
            </div>
            <div class="col-lg-4 col-sm-8 col-md-4 col-xs-12"></div>
            <div class="col-lg-4 col-sm-8 col-md-4 col-xs-12">
                @if(auth()->user()->role_id == 1)
                <a href="{{ route('importExportView') }}" class="btn pull-right m-l-20 waves-effect waves-light" style="background-color: #00c292; color:white; border:none;"> 
                    <i class="fa fa-file-excel-o" aria-hidden="true"></i> CSV import
                </a>
                @endif
                <a href="{{ route('product.create') }}" class="btn pull-right m-l-20 waves-effect waves-light" style="background-color: #00c292; color:white; border:none;"> 
                    <i class="fa fa-plus-circle" aria-hidden="true"></i> Add Product
                </a>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-12">
                <div class="panel panel-info">
                    <div class="panel-heading"><i class="mdi mdi-table fa-fw"></i> @yield('title')</div>
                    <div class="panel-wrapper collapse in" aria-expanded="true">
                        <div class="panel-body">
                            @if(session()->has('success'))
                                <div class="alert alert-success alert-dismissable">
                                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                    <i class="cr-icon glyphicon glyphicon-ok"></i>&nbsp;<strong>{{ session()->get('success') }}</strong>
                                </div>
                            @endif
                            @if(session()->has('error'))
                                <div class="alert alert-danger alert-dismissable">
                                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                    <i class="glyphicon glyphicon-remove"></i>&nbsp;<strong>{{ session()->get('error') }}</strong>
                                </div>
                            @endif
                            <div class="table-responsive">
                                <table id="productTable" class="table table-bordered">
                                    <thead>
                                        <tr class="tr_header">
                                            <th>S/L</th>
                                            <th>Name</th>
                                            <th>Code</th>
                                            <th>Brand</th>
                                            <th>Category</th>
                                            <th>Warranty</th>
                                            <th>Cost</th>
                                            <th>Retail price</th>
                                            <th>Wholesale Price</th>
                                            <th>Quantity</th>
                                            <th style="text-align: center; width: 130px;">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {!! $sl=null !!}
                                        @foreach($data AS $value)
                                            <tr class="{!! $value->id !!}">
                                                <td>{!! ++$sl !!}</td>
                                                <td>{!! $value->name !!}</td>
                                                <td>{!! $value->code !!}</td>
                                                <td>{{ $value->brandObj ? $value->brandObj->title : '' }}</td>
                                                <td>@if(isset($value->category)){!! $value->category->name !!}@endif</td>
                                                
                                                {{-- Warranty status fixed (Checking 1 instead of yes) --}}
                                                <td class="text-center">
                                                    @if($value->warranty_status == 1)
                                                        <span class="label label-success">Yes</span>
                                                    @else
                                                        <span class="label label-default">No</span>
                                                    @endif
                                                </td>

                                                <td>{!! $value->product_cost !!}</td>
                                                <td>{!! $value->retail_price !!}</td>
                                                <td>{!! $value->wholesale_price !!}</td>
                                                <td>
                                                    @php $totalQty = 0; @endphp
                                                    @if(isset($value->stock_qty))
                                                        @foreach($value->stock_qty as $qty)
                                                            @php $totalQty += $qty->quantity; @endphp
                                                        @endforeach
                                                    @endif
                                                    
                                                    {{-- Stock Alert Logic --}}
                                                    <span style="{{ $totalQty <= ($value->alert_qty ?? 5) ? 'color: red; font-weight: bold;' : '' }}">
                                                        {{ $totalQty }}
                                                    </span>
                                                </td>
                                                
                                                <td style="text-align: center;">
                                                    <a href="javascript:void(0)" 
                                                       class="btn btn-info btn-xs btnColor view-details" 
                                                       title="View Details"
                                                       data-name="{{ $value->name }}"
                                                       data-code="{{ $value->code }}"
                                                       data-warranty="{{ $value->warranty_status }}"
                                                       data-lifetime="{{ $value->lifetime_warranty }}"
                                                       data-w_days="{{ $value->warranty_days }}"
                                                       data-s_days="{{ $value->service_warranty }}"
                                                       data-serial="{{ $value->is_serial }}">
                                                        <i class="fa fa-eye"></i>
                                                    </a>

                                                    <a href="{!! route('product.edit',$value->id) !!}" class="btn btn-success btn-xs btnColor" style="background-color: #00c292; border:none;">
                                                        <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                                                    </a>

                                                    @if(auth()->user()->role_id == 1)
                                                        <a href="{!!route('product.destroy',$value->id )!!}"
                                                           data-token="{!! csrf_token() !!}" data-id="{!! $value->id!!}"
                                                           class="delete btn btn-danger btn-xs deleteBtn btnColor"><i
                                                                class="fa fa-trash-o" aria-hidden="true"></i></a>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="productDetailModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #00c292;">
                    <button type="button" class="close text-white" data-dismiss="modal" aria-hidden="true" style="opacity: 1;">×</button>
                    <h4 class="modal-title" style="color:white; font-weight: bold;">Product Warranty & Serial Info</h4>
                </div>
                <div class="modal-body">
                    <table class="table table-bordered">
                        <tr><th width="40%">Product Name</th><td id="m_name"></td></tr>
                        <tr><th>Product Code</th><td><span id="m_code" class="label label-info"></span></td></tr>
                        <tr class="bg-light"><th colspan="2" class="text-center">Warranty Information</th></tr>
                        <tr><th>Warranty Status</th><td id="m_warranty"></td></tr>
                        <tr class="warranty-info"><th>Lifetime Warranty</th><td id="m_lifetime"></td></tr>
                        <tr class="warranty-info"><th>Warranty Period</th><td id="m_w_days"></td></tr>
                        <tr class="warranty-info"><th>Service Period</th><td id="m_s_days"></td></tr>
                        <tr class="bg-light"><th colspan="2" class="text-center">Security & Serial</th></tr>
                        <tr><th>Serial Tracking</th><td id="m_serial"></td></tr>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('page_scripts')
    <script>
        $(function () {
            $('#productTable').DataTable({
                "ordering": true,
            });

            // Logic to show popup when clicking on eye button
            $(document).on('click', '.view-details', function() {
                let btn = $(this);
                $('#m_name').text(btn.data('name'));
                $('#m_code').text(btn.data('code'));
                
                let isWarranty = btn.data('warranty');
                // Checking 1 for enabled
                $('#m_warranty').html(isWarranty == 1 ? '<span class="label label-success">Enabled</span>' : '<span class="label label-danger">Disabled</span>');
                
                if(isWarranty == 1) {
                    $('.warranty-info').show();
                    $('#m_lifetime').text(btn.data('lifetime') == 1 ? 'Yes' : 'No');
                    $('#m_w_days').text(btn.data('w_days') + ' Days');
                    $('#m_s_days').text(btn.data('s_days') + ' Days');
                } else {
                    $('.warranty-info').hide();
                }
                
                $('#m_serial').html(btn.data('serial') == 1 ? '<span class="text-success font-bold">Yes</span>' : 'No');
                $('#productDetailModal').modal('show');
            });
        });
    </script>
@endsection