@extends('operations.layout.mainlayout')

@section('content')
    <style>
        .branch-select2 .select2-container{
            width: 30% !important;
        }
    </style>
    {{--    @if(session('role') != 4 && session('role') != 2 && session('role') != 3 && session('role') != 9 && session('role') != 7)--}}
    {{--        {{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: #e35a80!important;">Change Processing Unit</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="col-12">

                        <!-- /.card -->

                        <div class="card">

                            <!-- /.card-header -->
                            <div class="card-body branch-select2">
                                <select class="form-control rhospital_id" style="width:50%"  id="process-branch-id" >
                                    <option value="">Select Branch</option>
                                    @foreach($hospitals as $hospital)
                                        <option value="{{$hospital->ID}}" @if($hospital_id == $hospital->ID) selected @endif> {{$hospital->NAME_EN}} </option>
                                    @endforeach
                                </select>
                                <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                    <input name="active_status" type="checkbox" class="custom-control-input" id="customSwitch3">
                                    <label class="custom-control-label" for="customSwitch3"> Handheld Scanner</label>
                                </div>
                                <button disabled="disabled" id="change-sample-generation-branch" class="btn btn-info float-right">Change Processing Unit</button><br /><br />
                                <p id="batch-created"></p>
                                <div class="row">

                                    <div class="col-4" style="text-align: center">
                                        <div class="row" style="height:100%">

                                            <div class="col" style="background-color: #162427;overflow-y: scroll">
                                                <div class="row">
                                                    <div class="col" style="padding-top:5px;">
                                                        <h4 style="color:white !important;">Samples ( <span id="batch-count">0</span> )</h4>
                                                        <div id="extracted-codes"></div>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-8">
                                        <audio id="urgent-audio" class="d-none">
                                            <source src="/voice/urgent-beep.mp3" type="audio/mp3">
                                            Your browser does not support the audio element.
                                        </audio>
                                        <audio id="scanner-audio" class="d-none">
                                            <source src="/voice/scanner-beep.mp3" type="audio/mp3">
                                            Your browser does not support the audio element.
                                        </audio>
                                        <audio id="warning-audio" class="d-none">
                                            <source src="/voice/warning.mp3" type="audio/mp3">
                                            Your browser does not support the audio element.
                                        </audio>
                                        <div id="scandit-barcode-picker"></div>
                                    </div>
                                </div>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                    </div>
                    <!-- /.col -->
                </div>
                <div class="modal fade" id="process-change-logs" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">Log Summery</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.row -->
            </div>
            <!-- /.container-fluid -->
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->

@endsection