@extends('fronted.layout.main')
@section('adcontent')
@if($message = Session::get('UserPermission'))
@php
$permissionArray = explode(",", $message);
$userRoll = session("userRoll");
@endphp
@else
@php
$permissionArray = [];
$userRoll = "Admin";
@endphp
@endif
<style>
    #AddStockItems .form-control:focus,
    #AddStockItems .form-select:focus {
        box-shadow: none;
    }

    #AddStockItems .form-label {
        font-size: 0.8rem;
    }

    #AddStockItems .form-control,
    #AddStockItems .form-select {
        font-size: 0.8rem;
    }

    .invalid {
        border: 1px solid red;
    }

    .item-category {
        font-size: 1rem;
        font-weight: 500;
    }
</style>
@if($message = Session::get("StockItemAddedd"))

<script>
    Swal.fire({
        icon: 'success',
        title: "Stock Management",
        text: '{{$message}}',
    })
</script>

@php session()->forget('StockItemAddedd') @endphp
@endif
@if($message = Session::get("StockItemError"))
<script>
    Swal.fire({
        icon: 'warning',
        title: "Stock Management",
        text: '{{$message}}',
    })
</script>
@php session()->forget('StockItemError') @endphp
@endif
<div class="container-fluid mt-2 ps-0 p-0 p-lg-2">
    @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif
    <!-- add Item Modal -->
    <div class="modal fade" id="AddStockItems" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="AddStockLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="AddStockLabel">Add Items</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form action="">
                        <div class="form-group">
                            <label class="form-label" for="ItemCategoryName">Category</label>
                            <select class="form-select text-capitalize" name="CategoryName" id="StockItemCategoryName" onchange="AddNewCategory(this.value)">
                                <option disabled selected>Select</option>
                                <option value="001">Add Category</option>
                            </select>
                        </div>
                        <div id="AddCategoryBox" class="form-group d-none">
                            <label class="form-label" for="AddCategroy">Category Name</label>
                            <input class="form-control" type="text" name="categoryname" id="AddCategroy" onchange="AddCategory(this.value)">
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="form-label" for="StockItemName">Item Name</label>
                            <div class="row">
                                <div class="col">
                                    <input class="form-control" type="text" name="itemName" id="StockItemName">
                                </div>
                                <div class="col-3">
                                    <select class="form-select" name="itemunit" id="StockItemUnites">
                                        <option value="" selected>Select Unites</option>
                                        <option value="pkt">PKT</option>
                                        <option value="kg">KG</option>
                                        <option value="ltr">LTR</option>
                                        <option value="gm">GM</option>
                                        <option value="pc">PC</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="form-group my-2">
                            <button class="btn btn-success btn-sm" type="button" onclick="AdditemStock()">Add Items</button>
                        </div>
                        <div class="table-responsive dataTables ">
                            <table class="table text-center align-middle roomSeatTable ">
                                <thead>
                                    <tr>
                                        <th>Category Name</th>
                                        <th>Item Name</th>
                                        <th>Item Units</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody id="StockItemList">

                                </tbody>
                            </table>
                        </div>

                        <div class="modal-footer mt-4">
                            <button type="button" id="AddItemStockItmeBtn" class="btn btn-warning">Submit</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="d-flex justify-content-between align-items-center mb-1">
        <div class="container m-0 p-0">
            @if(in_array("AddStockItem",$permissionArray) && $userRoll != "Admin")
            <div class="d-flex justify-content-start align-items-center">
                <button class="btn btn-warning btn-sm me-2" type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#AddStockItems">Add Item</button>
            </div>
            @elseif($userRoll == "Admin")
            <div class="d-flex justify-content-start align-items-center">
                <button class="btn btn-warning btn-sm me-2" type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#AddStockItems">Add Item</button>
            </div>
            @endif
        </div>
        <div class="container m-0 p-0">
            <div class="d-flex justify-content-end align-items-center">
                <div class="">
                    <form action="{{route('downloadStockReports')}}">
                        <input type="month" name="startDate" required>
                        <input type="month" name="endDate" required>
                        <button class="btn btn-sm btn-danger me-2"><i class="fa-solid fa-download text-white me-1"></i> Report</button>
                    </form>
                </div>
                <div>
                    <form method="GET" id="filterForm">
                        <select name="MontheFilter" id="MontheFilter">
                            @for ($month = 1; $month <= 12; $month++) @php $monthValue=str_pad($month, 2, '0' , STR_PAD_LEFT); $monthName=date("M", strtotime("2023-$month-01")); $currentMonth=date('m'); $selected=(request()->has('MontheFilter') && request('MontheFilter') === $monthValue) || (!request()->has('MontheFilter') && $currentMonth === $monthValue);
                                @endphp
                                @if (request()->has('MontheFilter'))
                                <option value="{{ $monthValue }}" {{ (request('MontheFilter', date('m')) === $monthValue) ? 'selected' : '' }}>
                                    {{ $monthName }}
                                </option>
                                @else
                                <option value="{{ $monthValue }}" {{ ($selected) ? 'selected' : '' }}>
                                    {{ $monthName }}
                                </option>
                                @endif
                                @endfor
                        </select>
                    </form>
                </div>
            </div>
        </div>
    </div>