@extends('admin/layouts/layout')

@section('title', "Batch")

@section('page-style')
@endsection


@section('page-script')
<script src="{{asset('assets/admin/js/product-infos.js')}}"></script>
@endsection

@section('content')
<h1>Batchs</h1>

<div class="mb-3 text-end">
    <button class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#importReportModal"><i class="fa-solid fa-upload me-2"></i>Import Report</button>
</div>
<div class="card">
    <div class="card-body">
        <div class="table-responsive d-none d-md-block">
            <table class="table dataTable" id="batch_table">
                <thead>
                    <tr>
                        <th class="text-nowrap">S.N</th>
                        <th class="text-nowrap">Product ID</th>
                        <th class="text-nowrap">Tissue ID</th>
                        <th>Batch Number</th>
                        <th>Manufacturing Date</th>
                        <th>Expiration Date</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($productInfos as $info)
                        @foreach($info->productDetails as $detail)
                            <tr data-order_id="{{$detail->id}}">
                                <td>{{ $detail->sn }}</td>
                                <td>{{ $detail->product_id }}</td>
                                <td>{{ $info->tissue_id }}</td>
                                <td>{{ $info->batch_number }}</td>
                                <td>{{ date('Y-m-d', strtotime($info->manufacturing_date)) }}</td>
                                <td>{{ date('Y-m-d', strtotime($info->expiration_date)) }}</td>
                                <td></td>
                            </tr>
                        @endforeach
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="modal fade" id="importReportModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-md modal-simple modal-dialog-top">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">Import Batch Report File</h3>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="upload_file_form"  class="text-center" enctype="multipart/form-data">
                    <input class="form-control mt-2 mb-3" type="file" id="formFile" name="formFile" accept=".csv, .xls, .xlsx, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">
                    <button class="btn btn-primary data-submit-file mt-2" type="button" id="m_add_file_btn">
                        Import
                        <i class="fas fa-spinner fa-spin d-none"></i>
                    </button>
                </form>
            </div>
            
        </div>
    </div>
</div>
@endsection