@extends('operations.layout.mainlayout')

@section('content')
{{--    @if(session('role') != 4 && session('role') != 7 && session('role') != 3 && session('role') != 9)--}}
{{--        {{exit("<h1>Unauthorized access</h1>")}}--}}
{{--    @endif--}}
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid card">
                <div class="row mb-2">
                    <div class="col-sm-6 card-body">
                        <h1 class="m-0 text-dark" style="color: var(--blazma-text)!important;">Staining Batches</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">

                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->

        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="mx-auto">

                        <!-- /.card -->

                        <div class="card">

                            <!-- /.card-header -->
                            <div class="card-body">
                                @if(!empty($extraction->ID))
                                    <div class="alert alert-success" role="alert">Successfully staining batch no. {{$extraction->ID}}</div>
                                @endif
                                <form action="/operations/histopathology/staining" method="post">
                                    <input type="hidden" name="status" value="Staining">
                                    <input type="hidden" name="returned_status" value="Cutting">
                                    <input type="hidden" name="block_status" value="16"> {{--Staining status--}}
                                    <input type="hidden" name="view" value="histopathology-staining">
                                    <div class="row">
                                        <div class="col">
                                            <span class="text-muted">Select Batch No. (Only cutting batches allowed)</span>
                                            <select required class="form-control" name="batch-id" id="batch-id">
                                                <option value="">Select Batch</option>
                                                @foreach($batches as $batch)
                                                    <option value="{{$batch->ID}}">{{$batch->BATCH_NO}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col">
                                            <span class="text-muted">Cutting Machine ID</span>
                                            <select required class="form-control" name="emachine-id" id="emachine-id">
                                                <option value="">Select Machine ID</option>
                                                @for($x = 1;$x <= 5; $x++)
                                                    <option value="{{$x}}">{{$x}}</option>
                                                @endfor
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row" style="text-align: center">
                                        <div class="col" style="text-align: center;margin-top:10px;">
                                            <input style="text-align: center" class="form-control btn-info" type="submit" name="submit" value="Staining Batch" />
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
            </div>
            <!-- /.container-fluid -->
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->

    <script>

    </script>
@endsection