@extends('layouts.app')

@section('title', 'Enrollment | Website')

@section('extrastyles')
    <link rel="stylesheet" href="{{ asset('/plugins/jquery-ui/jquery-ui.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/summernote/summernote.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/summernote/summernote-bs3.css') }}">
    <link href="{{ asset('/plugins/select2/select2.css') }}" rel="stylesheet">
    <style>
        .modal-backdrop{
            opacity: 0.5 !important;
        }
        .note-editable ,.note-editing-area{
            min-height: 200px;
        }
        .ui-accordion-header {
            border: none;
            background-color: none;
            padding: 5px;
        }
        .ui-accordion-header:hover
        {

            background-color: none;
        }
        .ui-autocomplete ,.select2-container{
            z-index: 9999;
        }
        .ui-accordion-content {
            height: auto !important;
        }
    </style>
@endsection

@section('content')
    <div class="ibox float-e-margins">
        <div class="ibox-title2">
            <h5>{{ ($enrollment->title == 'Enrollment') ? '' : $enrollment->title }} Enrollment</h5>
            @if(App\Modules\Website\Models\Enrollment::orderBy('title','asc')->count() == 1)
                <div class="pull-right">
                    <a href="{{ website_url('enrollment/listing?action=add') }}" class="btn btn-primary">Add Enrollment</a>
                </div>
            @endif
        </div>
        <div class="ibox-content p-md">
            @include('flash::message')
            <div class="clearfix"></div>
            <div class="table-responsive">
                <div class="clearfix"></div>
                <h3>Auto Products</h3>
                <div class="pull-right">
                    <a class="btn btn-primary mb-3" href="javascript:void(0);" data-toggle="modal" data-target="#create_auto_product">
                        Add Product
                    </a>
                </div>
                <div class="clearfix"></div>
                <table class="table table-bordered table-striped inside-products">
                    <thead>
                    <tr>
                        <th>Product</th>
                        <th>Type</th>
                        <th>Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($autoProducts as $pro)
                        <tr id="pro_id-{{ $pro->id }}">
                            <td>{{ optional($pro->product)->title }} ({{ ($pro->product) ? $pro->product->metaByKey('basic_sku') : '' }})</td>
                            <td>{{ $pro->type }}</td>
                            <td>
                                <a href="javascript:void(0)" onclick="getAutoProduct({{ $pro->id }})" class="btn btn-xs btn-warning"><i style="color: white" class="fa fa-pencil"></i></a>
                                <a href="javascript:void(0)" onclick="deleteAutoProduct({{ $pro->id }})" class="btn btn-xs btn-danger"><i style="color: white" class="fa fa-trash"></i></a>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                                <div class="automatically_products mt-5 mb-5" id="automatically_products">
                    {!! Form::open(['url' => website_url('enrollment/update-auto-products'),'novalidate' => 'novalidate' ,'files' => true,'onsubmit' => 'generalSubmit();']) !!}
                    <h3 class="mt-5">General</h3>
                    <input type="hidden" name="enrollment_id" value="{{ $enrollment->id }}">
                    <div class="form-group">
                        {!! Form::label('_default_rep_roles','Restrict these customer roles from being able to do this enrollment flow:') !!}
                        {!! Form::select('_default_rep_roles[]' ,$cus_roles,$roles_rep , ['id' => '_default_rep_roles','class' => 'form-control', 'style' => 'width:100%','multiple']) !!}
                    </div>
                    <div class="content_welcome_first">