@extends('admin.layouts.app')
@section('title', 'Stock Details')
@push('styles')
@endpush
@section('container')
    <!-- Page-Title -->
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <div class="float-end">
                    <a href="{{ route('stock.list') }}" class="btn btn-primary"><i class="ti ti-arrow-back-up me-2"></i>
                        Stock List</a>
                </div>
                <h4 class="page-title">Stock Details</h4>
            </div>
            <!--end page-title-box-->
        </div>
        <!--end col-->
    </div>
    <!-- end page title end breadcrumb -->

    <div class="row">
        @if (session('success'))
            <div class="alert alert-info">
                {{ session('success') }}
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
        @endif
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <form>
                        <div class="row">
                            <div class="form-group col-md-3">
                                <label>Warehouse</label>
                                <select class="form-select" name="warehouse" aria-label="Default select example">
                                    <option value="">select warehouse</option>
                                    @foreach ($warehouses as $warehouse)
                                        <option {{ request()->warehouse == $warehouse->id ? 'selected' : '' }}
                                                value="{{ $warehouse->id }}">{{ $warehouse->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-3">
                                <label>Start Date</label>
                                <input type="date" class="form-control" id="start_date" value="{{ request('start_date') }}" name="start_date">
                            </div>
                            <div class="form-group col-md-3">
                                <label>End Date</label>
                                <input type="date" class="form-control" id="end_date" value="{{ request('end_date') }}" name="end_date">
                            </div>
                            <div class="col-3">
                                <div class="text-start mt-3">
                                    <button class="btn btn-primary" type="submit">Search</button>
                                    <button class="pull-right btn btn-info" onclick="getprint('prinarea')">Print</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!--end card-header-->
            <div class="card-body">
                <div id="prinarea">
                    <div class="card-header text-center">
                        <h4>Stock Details Report</h4>
                    </div>
                    <div class="row">
                        <table class="table table-bordered">
                            <tr>
                                <th>SL</th>
                                <th>Date</th>
                                <th>Product Name</th>
                                <th>Warehouse</th>
                                <th>Stock In(Pcs)</th>
                                <th>Stock Out(Pcs)</th>
                                <th>Remark</th>
                            </tr>
                            @php
                                $total_in= 0;
                                $total_out= 0;
                            @endphp
                            @foreach ($datas as $data)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $data->date }}</td>
                                    <td>{{ $data->product->name }}</td>
                                    <td>{{ $data->warehouse->name }}</td>
                                    <td>{{ $data->stock_in }}</td>
                                    <td>{{ $data->stock_out }}</td>
                                    <td>{{ $data->remark }}</td>
                                </tr>
                                @php
                                    $total_in+= $data->stock_in;
                                    $total_out+= $data->stock_out;
                                @endphp
                            @endforeach
                            <tr>
                                <td colspan="4" class="text-end">Total</td>
                                <td>{{$total_in}}</td>
                                <td>{{$total_out}}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <!--end card-body-->
        </div>
        <!--end card-->
    </div> <!-- end col -->


    </div> <!-- end row -->
@endsection


@push('scripts')
    <script>
        var APP_URL = '{!! url()->full()  !!}';
        function getprint(print) {
            $('.remove_item').hide();
            $('body').html($('#'+print).html());
            window.print();
            window.location.replace(APP_URL)
        }
    </script>
@endpush