@extends('layouts.main')

@push('styles')
    <link href="{{ asset('elite/bower_components/select2/select2.min.css') }}" rel="stylesheet" />
    <link href="{{ asset('elite/bower_components/icheck/skins/all.css') }}" rel="stylesheet">
@endpush

@section('content')
<div class="row bg-title">
    <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
        <h4 class="page-title">{{ __('wards.add_ward') }}</h4>
    </div>
    <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
        <ol class="breadcrumb">
            <li><a href="{{ route('home') }}">{{ __('wards.dashboard') }}</a></li>
            <li><a href="{{ route('wards.index') }}">{{ __('wards.wards') }}</a></li>
            <li class="active">{{ __('wards.create') }}</li>
        </ol>
    </div>
</div>

<div class="row">
    <div class="col-sm-12">
        @include('ward_management::wards.menu')
    </div>
</div>


<div class="row">
    <div class="col-sm-12">
        <!--Flash messages at the top -->
        @include('flash::message')
        <div class="white-box">
            @if (session()->has('streamline_setup'))
                <h3><font color="blue">{{ __('wards.streamline_setup') }}</font></h3>
                <div class="row">
                    <div class="col-sm-6">

                        {{ Form::open(['route' => 'wards.store']) }}
                        <div class="row" id="optionsList">
                            <div class="col-sm-3">
                                <div class="form-group">
                                    {{ Form::label('name', __('wards.ward_name')) }}
                                    {{ Form::text('name', '', ['class' => 'form-control',]) }}
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="form-group">
                                    {{ Form::label('beds', __('wards.ward_beds')) }}
                                    {{ Form::number('beds', '', ['class' => 'form-control',]) }}
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="form-group">
                                    {{ Form::label('type', __('wards.hmis_ward')) }}
                                    {{-- {{ Form::number('type', 0, ['class' => 'form-control',]) }} --}}
                                    <select class="form-control " id="type" name="type" >
                                        <option value="" selected disabled>{{ __('wards.select_type') }}</option>
                                        @foreach ($ward_types as $ward_type)
                                            <option value="{{ $ward_type['id'] }}">{{ $ward_type['name'] }}</option>
                                        @endforeach
                                    </select>
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="form-group">
                                    {{ Form::label("ward_type", __("wards.type")) }}
                                    <select class="form-control" id="ward_type" name="ward_type">
                                        <option value="" selected disabled>{{ __("wards.select_ward_type") }}</option>
                                        @foreach ($actual_ward_types as $key => $actual_ward_type)
                                            <option value="{{ $key }}">{{ $actual_ward_type }}</option>
                                        @endforeach
                                    </select>
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                        </div>
                        <a href="#" id="addOption">{{ __('wards.add_another') }}</a><br><br>
                    </div>
                    <div class="col-sm-6" style="background: #eceeef;">
                        <h4>{{ __('wards.select_any') }}</h4>
                        @for($i=0; $i < count($wards); $i++)
                            <div class="form-group">
                                {{ Form::checkbox('selected_wards[]', $wards[$i], false) }} {{ $wards[$i] }} &nbsp;&nbsp;
                            </div>
                        @endfor
                    </div>
                </div>
                {{ Form::button(__('wards.next'),['type'=>'submit','class'=>'btn btn-success waves-effect waves-light m-r-10 next']) }}
                {{ Form::button(__('wards.skip'),['type'=>'submit','name' => 'skip', 'value' => 'skip','class'=>'btn btn-default waves-effect waves-light m-r-10']) }}
            @else

                {{ Form::open(['route' => 'wards.store', 'data-toggle' => 'validator']) }}

                <div class="row" id="optionsList">
                    <div class="col-sm-6">
                        <div class="form-group">
                            {{ Form::label('name', __('wards.ward_name')) }}
                            {{ Form::text('name', '', ['class' => 'form-control compulsory', 'required']) }}
                            <div class="help-block with-errors"></div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            {{ Form::label('beds', __('wards.ward_beds')) }}
                            {{ Form::number('beds', '', ['class' => 'form-control compulsory', 'required']) }}
                            <div class="help-block with-errors"></div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            {{ Form::label('type', __('wards.hmis_ward')) }}
                            <select class="form-control compulsory required" id="type" name="type" required>
                                <option value="" selected disabled>{{ __('wards.select_type') }}</option>
                                @foreach ($ward_types as $ward_type)
                                    <option value="{{ $ward_type['id'] }}">{{ $ward_type['name'] }}</option>
                                @endforeach
                            </select>
                            <div class="help-block with-errors"></div>
                        </div>
                    </div>
                    <div class="col-sm-6">                        
                        <div class="form-group">
                            {{ Form::label('available',__('wards.is_ward_available'), ["class"=>'col-md-12']) }}
                            &nbsp;&nbsp;{{ __('wards.yes') }} {{ Form::radio('available', 1, false, ['class' => 'check form-control', 'data-radio'=>'iradio_flat-green']) }}
                            &nbsp;&nbsp;{{ __('wards.no') }} {{ Form::radio('available', 0, false, ['class' => 'check form-control', 'data-radio'=>'iradio_flat-green']) }}
                            <div class="help-block with-errors"></div>
                        </div>                        
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            {{ Form::label('ward_type', __('wards.type')) }}
                            <select class="form-control" id="ward_type" name="ward_type">
                                <option value="" selected disabled>{{ __('wards.select_ward_type') }}</option>
                                @foreach ($actual_ward_types as $key => $actual_ward_type)
                                    <option value="{{ $key }}">{{ $actual_ward_type }}</option>
                                @endforeach
                            </select>
                            <div class="help-block with-errors"></div>
                        </div>
                    </div>
                </div>
            
                {{ Form::button(__('wards.submit'),['type'=>'submit','class'=>'btn btn-success waves-effect waves-light m-r-10 submit-btn']) }}
                {{ Form::button(__('wards.cancel'),['type'=>'reset','class'=>'btn btn-default waves-effect waves-light']) }}

                {{ Form::close() }}
            @endif
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script src="{{ asset('elite/js/validator.js') }}"></script>
<script src="{{ asset('elite/bower_components/select2/select2.min.js') }}"></script>
<!-- icheck -->
<script src="{{ asset('elite/bower_components/icheck/icheck.min.js') }}"></script>
<script src="{{ asset('elite/bower_components/icheck/icheck.init.js') }}"></script>
<script type="text/javascript">
    $('#type, #ward_type').select2();
    var ward_types= {!! json_encode($ward_types) !!};
    var actual_ward_types = {!! json_encode($actual_ward_types) !!};
    $(function() {
        $("#addOption").click(function(e) {
            e.preventDefault();
            $("#optionsList").append("<br>");
            $("#optionsList").append("<div class='col-sm-3'><div class='form-group'> <input type='text' name='other_wards[]' placeholder='' class='form-control compulsory'/></div></div>");
            $("#optionsList").append("<div class='col-sm-3'><div class='form-group'> <input type='number' name='other_ward_beds[]' value='0' class='form-control compulsory'/></div></div>");
            $("#optionsList").append(`<div class='col-sm-3'><div class='form-group'> <select class="form-control compulsory required" id="type" name="other_ward_types[]" required>
                                <option value="" selected disabled>{{ __('wards.select_type') }}</option>
                                @foreach ($ward_types as $ward_type)<option value="{{ $ward_type['id'] }}">{{ $ward_type['name'] }}</option>
                                @endforeach</select></div></div>`);
            $("#optionsList").append(`<div class="col-sm-3"><div class="form-group">{{ Form::label("ward_type", __("wards.type")) }}
                                    <select class="form-control" id="ward_type" name="ward_type"><option value="" selected disabled>{{ __("wards.select_ward_type") }}</option>
                                        @foreach ($actual_ward_types as $key => $actual_ward_type)<option value="{{ $key }}">{{ $actual_ward_type }}</option>@endforeach
                                    </select><div class="help-block with-errors"></div></div></div>`);
        });

        $(".next,.submit-btn").click(function (e) { // make sure that all compulsory fields have been filled out
            var empty_compulsory_fields = [];
            $(".compulsory").each(function () {
                if ($(this).val() == "") {
                    var textname = $(this).attr('name');
                    $(this).focus();
                    empty_compulsory_fields.push(textname);
                    $(this).css('border','1px solid #F08080');
                }
            });
            /* check if the array containing empty compulsory fields is not empty then return false */
            if (empty_compulsory_fields.length != 0) {
                alert("Please fill in all compulsory fields");
                console.log(empty_compulsory_fields);
                e.preventDefault();
                return false;
            }
        });
    });
</script>
@endpush