@extends('admin.layout') @section('content')


<style>
.form {
    border: 1px solid #efefef;
    /*width: 80%;*/
    padding: 50px 30px;
    text-align: left;
    background: #fff;
    border-radius: 4px;
}
    
.form-control {
        text-align: left !important;
}

.form-group {
    margin-bottom: 2rem;
}

.help-block{
  font-weight: normal;font-size: 11px;margin-bottom: 0;position: absolute;
}

textarea.form-control {
    height: calc(2.25rem + 2px);
}

.space-30{
  height: 30px;
  display: block;
}

label {
    font-weight: 600;
}

textarea.form-control {
    height: auto;
}

i.dropdown.icon {
    color: #333;
}

i.icon.delete:before {
    content: "\f00d";
    font-family: Dropdown;
    color: #333;
}

.ui.multiple.dropdown {
    height: auto;
}

</style>



<div class="content-wrapper">


    <!-- Main content -->

    <section class="content">

        <!-- Info boxes -->

        <!-- /.row -->

        <div class="container">

        <div class="row">

            <div class="col-md-12">


                        <div class="row">

                            <div class="col-xs-12">


                                   @if (count($errors) > 0) @if($errors->any())

                                    <div class="alert alert-success alert-dismissible" role="alert">

                                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                                        {{$errors->first()}}

                                    </div>

                                    @endif @endif

                                    <!-- /.box-header -->

                                    <!-- form start -->

                                    {!! Form::open(array('url' =>'admin/addNewOutlets', 'method'=>'post', 'class' => 'form-horizontal form-validate', 'enctype'=>'multipart/form-data')) !!}
                                    <div class="box-body">
                                        <center>

                                             <div class="row form">

                                            <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">

                                                <label for="name">{{ trans('labels.Name') }}</label>

                                              

                                                    {!! Form::text('name', '', array('class'=>'form-control field-validate', 'id'=>'name')) !!}

                                                    <span class="help-block"></span>

                                                    <span class="help-block hidden"></span>

                                              

                                            </div>
                                            <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                                <label for="name">Outlet Email </label>
                                                
                                                    <input class="form-control field-validate" name="outlateemail" type="text" value=""> <span class="help-block"> </span> 
                                            </div>

                                            <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                                <label for="name">Outlet Password </label>
                                              
                                                    <input class="form-control field-validate" name="outlatepassword" type="text" value=""> <span class="help-block" style="font-weight: normal;font-size: 11px;margin-bottom: 0;">                                 </span> 
                                            </div>

                                              <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                                <label for="name">Select Status </label>
                                               
                                                    <select class="form-control" name="status_state">
                                                        <option value="1">Active</option>
                                                        <option value="0">Inactive</option>
                                                    </select>
                                                
                                            </div>

                                        <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                            <label for="avail_times">Available Time </label>
                                        <select multiple="" class="form-control field-validate dropdown" id="avail_times" name="avail_times[]"  data-live-search="true">
                                      @foreach($avail_time as $avil_times)
                                         <option value="{{$avil_times->id}}">{{$avil_times->avail_time}}</option>
                                      @endforeach
                                      </select>
                                <div class="ui toggle checkbox" style="margin-top: 14px;">
                                    <input type="checkbox" id="selectall">
                                    <label>Select all</label>
                                </div>
                                        </div>


                                            <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                <label for="name">Outlet Address </label>
                                                
                                                    <textarea class="form-control" name="outlateaddress" type="text" value=""></textarea> <span class="help-block">                                 </span> 
                                            </div>
                                          

                                            <!-- /.box-body -->

                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                <div class="space-30"></div>
                                                <center>
                                                <button type="submit" class="ecom-btn">Add Outlets</button>

                                                <a href="{{ URL::to('admin/listingOutlates')}}" type="button" class="ecom-btn-border">{{ trans('labels.back') }}</a>
                                              </center>
                                            </div>

                                            <!-- /.box-footer -->
                                            </div>
                                            </center>

                                    </div>

                                     {!! Form::close() !!}

                        

                            </div>

                        </div>



            </div>

            <!-- /.col -->
          </div>

        </div>

        <!-- /.row -->

        <!-- Main row -->

        <!-- /.row -->

    </section>

    <!-- /.content -->

</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="/resources/views/admin/dist/css/semantic.min.css">

<script type="text/javascript" src="/resources/views/admin/js/semantic.min.js"></script>
<script type="text/javascript">
var semantic = $.noConflict(true); 
    //$('#avail_times').dropdown(); 

semantic('.dropdown').dropdown({
  label: {
    duration: 0,
  },
  debug: true,
  performance: true,
});

semantic('.ui.checkbox')
  .checkbox({
    onChecked() {
      const options = semantic('#avail_times > option').toArray().map(
        (obj) => obj.value
      );
      semantic('#avail_times').dropdown('set exactly', options);
    },
    onUnchecked() {
      semantic('#avail_times').dropdown('clear');
    },
  });
   
</script>
@endsection