@extends('crudbooster::admin_template')
@push("bottom")
<link rel="stylesheet" type="text/css" href="{{ asset('css/select2.css') }}">
<style type="text/css">
     .button_action a.btn.btn-xs.btn-warning.btn-delete {
        display: none !important;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #000;
        border: none;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

    .select2-container .select2-selection--single {
        height: 35px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        padding: 2px 5px 5px;
        width: 100%;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 26px;
    }
</style>
<script type="text/javascript" src="{{ asset("js/select2.js")   }}"></script>
<script>
    $(function(){
          $('#menu_product_id').select2({
              placeholder: "Select Product",
              width:"100%",
          });
       })
</script>

@endpush
@section('content')
<!-- Your html goes here -->
<div class='panel panel-default efit-add-product'>
    <div class='panel-heading eap-box'>Add Global Product</div>

    <div class='panel-body'>
        <form method='post' action='{{CRUDBooster::mainpath('save')}}'>
            <input type="hidden" name="_token" value="{{ csrf_token() }}">

            <div class="box-body" id="parent-form-area">
                <div class="row">

                    <div class="col-md-6">
                        <div class="form-group " id="form-group-product_name">
                            <label class="control-label">
                                Efit Product Category<span class="text-danger"
                                    title="This field is required">*</span>
                            </label>

                            <select class="form-control" required="" id="package_product_id" name="package_product_id">
                                <option value="">Select</option>
                                @foreach ($packagenames as $productname)
                                <option value="{{$productname->id}}">{{$productname->view_name}}</option>
                                @endforeach
                            </select>
                            <div class="text-danger">{{ $errors->has("package_product_id")? $errors->first("package_product_id"): "" }}
                            </div>
                            <p class="help-block"></p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="control-label">
                                Product Name <span class="text-danger" title="This field is required">*</span>
                            </label>

                            <select class="form-control" required="" id="menu_product_id" name="product_id[]" multiple>
                                <option value=""></option>
                                @foreach ($products as $product)
                                 <option value="{{ $product->id }}">{{ $product->product_name }}</option>
                                @endforeach
                            </select>

                            <div class="text-danger">{{ $errors->has("menu_proid")? $errors->first("menu_proid"): "" }}
                            </div>
                            <p class="help-block"></p>
                        </div>
                    </div>


                    <input type="hidden" name="type" value="therapist">
                    <input type="hidden" name="creator_id" value="{{ CRUDBooster::myId() }}">

                </div>

                <div class="col-md-12" style="padding-left: 0">
                    <a href="{{ url('admin/globalproducts') }}" class="btn btn-default"><i
                            class="fa fa-chevron-circle-left"></i> Back</a>
                    <input type="submit" name="submit" value="Save" class="btn btn-success" style="padding: 6px 22px">
                </div>

            </div>

        </form>
    </div>
</div>
</div>
@endsection