@extends('layout')
@section('content')
    <div class="content-wrapper">
        <div class="content">
            <div id="floating-alert-container">
                @if (session('success'))
                    <div class="alert alert-success alert-dismissible fade show floating-alert">
                        <strong>{{ session('success') }}</strong>
                        <button type="button" class="close" data-dismiss="alert">×</button>
                    </div>
                @endif

                @if (session('error'))
                    <div class="alert alert-danger alert-dismissible fade show floating-alert">
                        <strong>{{ session('error') }}</strong>
                        <button type="button" class="close" data-dismiss="alert">×</button>
                    </div>
                @endif

                @if ($errors->any())
                    @foreach ($errors->all() as $error)
                        <div class="alert alert-danger alert-dismissible fade show floating-alert">
                            <strong>{{ $error }}</strong>
                            <button type="button" class="close" data-dismiss="alert">×</button>
                        </div>
                    @endforeach
                @endif
            </div>
            <div class="container-fluid">
                <div class="form">
                    <!-- search form -->
                    {{ Form::open(['url' => url('/blood-bank-list'), 'method' => 'GET', 'id' => 'orgListForm', 'class' => 'search-form']) }}
                    <div class="row">
                         <div class="col-md-3">
                            <div class="form-group">
                                <label for="blood_bank_code">Code</label>
                                <input type="text" name="blood_bank_code"
                                    class="form-control form-control-sm"value="{{ @$_REQUEST['blood_bank_code'] }}">
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="blood_bank_name">Name</label>
                                <input type="text" name="blood_bank_name"
                                    class="form-control form-control-sm"value="{{ @$_REQUEST['blood_bank_name'] }}">
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group d-flex mt-3">
                                <button type="submit" id="search" class="btn btn-solid btn-xs btn-info mr-2">
                                    <i class="fas fa-search"></i>Search</button>

                                <a href="{{ url('/blood-bank-list') }}" class="btn btn-outline btn-xs btn-info">
                                    <i class="fas fa-redo"></i> Reset
                                </a>
                            </div>
                        </div>
                    </div>
                    {{ Form::close() }}
                </div>
            </div>
            <div id="ajax-container-blood-bank-details" data-url="{{ url('blood-bank-detail') }}"></div>
            <div class="cotainer-fluid">
                <div class="row">
                    <div class="col-md-12">
                        @if (auth()->user()->role_id == 4 || auth()->user()->role_id == 2 || auth()->user()->role_id == 1)
                            <div class="text-right mb-2">                                
                                <button class="btn btn-solid btn-xs" data-toggle="modal" data-target="#UpdateBloodBank"
                                    id="blood-bank-new">Add Blood Bank</button>
                            </div>
                        @endif
                        <div id='TBL_EXPORT' class="table-responsive">
                            <table id="example2" class="table table-bordered table-striped" border="1">
                                <thead>
                                    <tr class="text-center">
                                        <th>Action</th>
                                        <th> Code</th>
                                        <th> Name</th>
                                        <th> Email</th>
                                        <th> Contact</th>
                                    </tr>                                   
                                </thead>
                                <tbody>
                                    @if (count($data['BloodBankList']) > 0)
                                        @foreach ($data['BloodBankList'] as $key => $value)
                                            <tr class="text-center">
                                                <td>
                                                <div class="btn-group">
                                                        <button type="button" class="btn btn-default btn-xs"><i
                                                                class="fas fa-cog"></i></button>
                                                        <button type="button"
                                                            class="btn btn-default btn-xs dropdown-toggle dropdown-icon"
                                                            data-toggle="dropdown">
                                                            <span class="sr-only">Toggle Dropdown</span>
                                                        </button>
                                                        <div class="dropdown-menu ag-dropdown-menu" role="menu">
                                                            <button class="dropdown-item UpdateBloodBank" type="button"
                                                                id="UpdateBloodBank_{{ $value->blood_bank_id }}"
                                                                data-blood-bank-id="{{ $value->blood_bank_id }}">
                                                                <i class="fa fa-check mr-2"></i> Update Blood Bank
                                                            </button>
                                                            {{ Form::open(['url' => url('/blood-bank-delete'), 'method' => 'POST', 'id' => 'confirmfrm_' . $value->blood_bank_id]) }}
                                                            <input type="hidden" name="blood_bank_id"
                                                                value="{{ $value->blood_bank_id }}">
                                                            <button class="dropdown-item btnCofirm1" type="button"
                                                                id="btnCofirm1_{{ $value->blood_bank_id }}">
                                                                <i class="fa fa-trash mr-2"></i> Delete
                                                            </button>
                                                            {{ Form::close() }}
                                                        </div>
                                                    </div>
                                                </td>
                                                <td> {{ $value->blood_bank_code }} </td>
                                                <td> {{ $value->blood_bank_name }} </td>
                                                <td> {{ $value->blood_bank_email }} </td>
                                                <td> {{ $value->blood_bank_contact_no }} </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr>
                                            <td colspan="5" class="text-danger" style="text-align:center">No Record
                                                Found</td>
                                        </tr>
                                    @endif
                                </tbody>
                                <tfoot class="noExl">
                                    <tr>
                                        <td colspan="3" style="border: 0;" class="noExl">
                                            <div id="paginationxx">
                                                <p class="tsc_pagination">
                                                    {{ $data['BloodBankList']->appends(Request::except('page'))->links() }}
                                                </p>
                                            </div>
                                        </td>
                                        <td colspan="2" style="border: 0;" class="noExl">
                                            <div class="text-right" style="text-align:right;">
                                                <p>
                                                    {{ $data['BloodBankList']->firstItem() }} to
                                                    {{ $data['BloodBankList']->lastItem() }} Out of
                                                    {{ $data['BloodBankList']->total() }}
                                                </p>
                                            </div>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="UpdateBloodBank" data-keyboard="false" data-backdrop="static">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header ag-modal-header">
                    <h4 class="modal-title"><i class="fas fa-plus"></i><span id="title-span">Add Blood Bank </span>
                    </h4>
                </div>
                {{ Form::open(['url' => url('/blood-bank-save'), 'method' => 'POST', 'id' => 'bloodbankAddForm', 'class' => 'search-form']) }}
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-5 border-right">

                            <div class="row">
                                <div class="form-group col-md-12 mb-1">
                                    <label for="blood_bank_code">Code.</label>
                                    <input type="text" id="blood_bank_code" name="blood_bank_code"
                                        class="form-control form-control-sm" required maxlength="10"
                                        oninput="this.value=this.value.replace(/[^A-Z0-9]/g,'').replace(/(\..*)\./g, '$1');"
                                        title="Code">
                                </div>
                                <div class="form-group col-md-12 mb-1">
                                    <label for="Name">Name</label>
                                    <input class="form-control form-control-sm" id="blood_bank_name" name="blood_bank_name"
                                        oninput="this.value=this.value.replace(/[^A-Za-z ]/g,'').replace(/(\..*)\./g, '$1');"
                                        required maxlength="100">
                                </div>
                                <div class="form-group col-md-12 mb-1">
                                    <label for="Contact No.">Contact No.</label>
                                    <input type="text" id="blood_bank_contact_no" name="blood_bank_contact_no"
                                        class="form-control form-control-sm numbers-only" required maxlength="10"
                                        pattern="[0-9]{10}" title="Phone No. must be exactly 10 digits">
                                </div>
                                <div class="form-group col-md-12 mb-1">
                                    <label for="Email">Email</label>
                                    <input type="emailt" id="blood_bank_email" name="blood_bank_email"
                                        class="form-control form-control-sm" required>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-7">
                            <div class="row">
                                <div class="form-group col-md-12">
                                    <label for="Address">Address</label>
                                    <textarea type="text" id="blood_bank_address" name="blood_bank_address" class="form-control form-control-sm" required
                                        maxlength="500" rows="6"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="hidden" name="blood_bank_id" id="blood_bank_id" value="0">
                    <button type="button" class="btn btn-solid btn-xs mr-2" id="btnAddBloodBankSubmit">
                        <i class="fas fa-save"></i> <span id="button-span">Save</span>
                    </button>
                    <a href="javascript:void(0)" class="btn btn-outline btn-xs" data-dismiss="modal" id="cancelModal"><i
                            class="fas fa-times"></i> Cancel</a>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
    
<script src="{{ asset('dist/js/pages/bloodbank.js') }}"></script>

@endsection