@extends('crudbooster::admin_template')
@push('head')
<link rel="stylesheet" type="text/css" href="{{ asset('css/select2.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/application_backend.css') }}">
<link href="{{ asset('vendor/crudbooster/assets/summernote/summernote.css') }}" rel="stylesheet">
<style type="text/css">
    .select2-container--default .select2-selection--multiple .select2-selectiontranschoice {
        background-color: #000;
        border: none;
    }

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

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

    .select2-container--default .select2-selection--single .select2-selectiontransrendered {
        line-height: 20px;
    }
    .mt-5{
        margin-top: 20px !important;
    }
    #addPoolModal{
        z-index: 9999;
    }
</style>
@endpush

@push("bottom")

<script type="text/javascript" src="{{ asset('js/select2.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/application_backend.js') }}"></script>
    <script type="text/javascript" src="{{ asset('vendor/crudbooster/assets/summernote/summernote.min.js') }}"></script>
<script>  
        
    function addNewPool(){
        let name = $('.select2-search__field').val()
        swal({
            title: 'Did you want to add this {'+name+'}?',
            text: "This Data will saved to pool records",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#ff0000",
            confirmButtonText: "Yes!",
            cancelButtonText: "No",
            closeOnConfirm: false },
        function(){
            $.ajax({
                type: "GET",
                url: `{{CRUDBooster::mainpath('pool')}}`,
                data: {
                    name : name
                },
                success: function(response) {
                    if(response.success){
                        // Create the DOM option that is pre-selected by default
                        var newState = new Option( `${response.pool.pool_name}`,response.pool.id, true, true);
                        // Append it to the select
                        $("#pool_id").append(newState).trigger('change');
                        swal.close();
                    }
                }
            })
        })   
    }
    
    function add_more_body_img() {
        $('.add_more_body_img_show').append('<div id="filediv">  <input type="file" class="form-control" id="body_desc_img[]" name="body_desc_img[]" accept="image/*" /></div>');
    }

    function add_more_mental_img() {
        $('.add_more_mental_img_show').append('<div id="filediv_mental_img"><input type="file" class="form-control" id="mental_desc_img" name="mental_desc_img[]" accept="image/*" /></div>');
    }

    function add_more_body_audio_file() {
        $('.body_audio_show').append('<div id="filediv_body_audio"><input type="file" class="form-control" id="body_audio" name="body_audio[]" accept="audio/*" /></div>');
    }

    function add_more_mental_audio_file() {
        $('.mental_audio_show').append('<div id="filediv_body_audio"><input type="file" class="form-control" id="body_audio" name="mental_audio[]" accept="audio/*" /></div>');
    }
    
    
        $(function() {
            // $('.summernote').summernote();
            $('.summernote').summernote({
                height: 100,                 // set editor height
                minHeight: null,             // set minimum height of editor
                maxHeight: null,             // set maximum height of editor
            });


        })
        function add_more_body_img() {
            $('.add_more_body_img_show').append('<div id="filediv">  <input type="file" class="form-control" id="body_desc_img[]" name="body_desc_img[]" accept="image/*" /></div>');
        }

        function add_more_mental_img() {
            $('.add_more_mental_img_show').append('<div id="filediv_mental_img"><input type="file" class="form-control" id="mental_desc_img" name="mental_desc_img[]" accept="image/*" /></div>');
        }

        function add_more_body_audio_file() {
            $('.body_audio_show').append('<div id="filediv_body_audio"><input type="file" class="form-control" id="body_audio" name="body_audio[]" accept="audio/*" /></div>');
        }

        function add_more_mental_audio_file() {
            $('.mental_audio_show').append('<div id="filediv_body_audio"><input type="file" class="form-control" id="body_audio" name="mental_audio[]" accept="audio/*" /></div>');
        }
        
    </script>
@endpush

@section('content')
<!-- Your html goes here -->
<div class='panel panel-default efit-add-product'>
    <div class='panel-heading eap-box'>Analyse hinzufügen</div>

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

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

                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="Test Time">{{trans('action.select_pool')}} <span class="text-danger" title="This field is required">*</span></label>
                            <select class="select2-hidden-accessible" id="pool_id" select2Live="true" data-table="pools" data-column="pool_name" data-url="{{ CRUDBooster::adminpath('submenus/data-for-select-box') }}" multiple="" name="pool_id[]" required="" data-live-search="true" title="{{ trans('action.nothingSelected') }}" data-count-selected-text="{0} {{ trans('action.select_pool') }}" aria-placeholder="{{ trans('action.select_pool') }}" data-selected-text-format="count > 1" data-select2-id="pool_id" tabindex="-1" aria-hidden="true">
                               {{-- <option value=""></option> --}}
                                {{-- @foreach ($pools as $key => $pool)
                                    <option value="{{ $pool->id }}">{{ $pool->pool_name }}</option>
                                @endforeach --}}
                            </select>
                            <div class="text-danger">
                                {{$errors->has('pool_id')? $errors->first('pool_id'):" "}}
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="Test Time">{{__('action.Name')}} <span class="text-danger" title="This field is required">*</span></label>
                            <input type="text" id="analysis_name" name="name" class="form-control" required="">
                            <div class="text-danger">
                                {{$errors->has('name')? $errors->first('name'):" "}}
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="Test Time">{{__('action.Sub_Title')}}<span class="text-danger" title="This field is required"></span></label>
                            <input type="text" class="form-control" id="analysis_title" name="title">
                            <div class="text-danger">
                                <!--{{$errors->has('title')? $errors->first('title'):" "}}-->
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="Test Time">URL Name</label>
                            <input type="text" id="analysis_name" name="url_name" class="form-control">
                            <div class="text-danger">
                                {{$errors->has('name')? $errors->first('name'):" "}}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="Test Time">URL link</label>
                            <input type="text" id="analysis_name" name="url_link" class="form-control">
                            <div class="text-danger">
                                {{$errors->has('name')? $errors->first('name'):" "}}
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="Test Time">{{__('action.Sub_Title')}}<span class="text-danger" title="This field is required"></span></label>
                            <input type="text" class="form-control" id="analysis_title" name="title">
                            <div class="text-danger">
                                <!--{{$errors->has('title')? $errors->first('title'):" "}}-->
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="desc_image" class="control-label">
                                Global Description Image
                                {{--<span class="text-danger" title="This field is required">*</span>--}}
                            </label>
                            <input type="file" class="form-control" id="desc_image" name="desc_image" accept="image/*" />
                            <div class="text-danger">
                                {{$errors->has('desc_image')? $errors->first("desc_image") :"" }}
                            </div>
                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="form-group">
                            <label class="control-label">
                                Description
                                {{--<span class="text-danger" title="This field is required">*</span>--}}
                            </label>
                            <textarea type="text" rows="3" class="form-control summernote" name="description" placeholder="Please add description"></textarea>

                            <div class="text-danger">{{$errors->has('description')? $errors->first("description") :"" }}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-5">
                        <div class="col-md-6 ">
                            <div class="form-group">
                                <label for="Test Time"><i class="fa fa-image">&nbsp;</i>{{__('action.Body_Description_Image')}} </label>
                                <button type="button" class="btn btn-info btn-md" data-toggle="modal" data-target="#myModall">{{__('action.Body_Description_Image')}}</button>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="Test Time"><i class="fa fa-image">&nbsp;</i>{{__('action.Mental_Description_Image')}}</label>
                                <button type="button" class="btn btn-info btn-md" data-toggle="modal" data-target="#myModal_mental_img">{{__('action.Mental_Description_Image')}}</button>

                            </div>
                        </div>

                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="Test Time">{{__('action.Body_Description')}}
                                {{-- <span class="text-danger" title="This field is required"></span></label> --}}
                            <textarea id="body_desc" name="body_desc" class="form-control summernote" rows="5" cols="80"></textarea>
                            <div class="text-danger">
                                <!--{{$errors->has('body_desc')? $errors->first('body_desc'):" "}}-->
                            </div>
                        </div>
                    </div>



                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="Test Time">{{__('action.Mental_Description')}}
                                {{-- <span class="text-danger" title="This field is required"></span></label> --}}
                            <textarea id="mental_desc" name="mental_desc" class="form-control summernote" rows="5" cols="80"></textarea>
                            <div class="text-danger">
                                <!--{{$errors->has('mental_desc')? $errors->first('mental_desc'):" "}}-->
                            </div>
                        </div>
                    </div>



                    {{-- Select Body Audios  --}}
                    <div class="col-md-6">
                        <div class="form-group " id="form-group-list_product">
                            <label class="control-label"> <i class="fa fa-music">&nbsp;</i>{{__('action.Body_Audio')}}</label>
                            <select class="form-control" select2Live="true" data-table="audios" data-column="original_name" data-url="{{ CRUDBooster::adminpath('submenus/data-for-select-box') }}" id="bodyAudios" name="body_audio[]" tabindex="-1" aria-hidden="true" multiple>
                                {{-- <option value="">Select Audio</option>
                                @foreach ($audios as $audio)
                                <option value="{{$audio->id}}">
                                        {{$audio->original_name}}
                                </option>
                                @endforeach --}}
                            </select>
                            <p class="help-block"></p>
                        </div>
                    </div>
                    {{-- Select Metal Audios  --}}
                    <div class="col-md-6">
                        <div class="form-group " id="form-group-list_product">
                            <label class="control-label"> <i class="fa fa-music">&nbsp;</i>{{__('action.Mental_Audio')}}</label>
                            <select class="form-control" select2Live="true" data-table="audios" data-column="original_name" data-url="{{ CRUDBooster::adminpath('submenus/data-for-select-box') }}" id="mentalAudios" name="mental_audio[]" tabindex="-1" aria-hidden="true" multiple>
                                {{-- <option value="">Select Audio</option>
                                @foreach ($audios as $audio)
                                <option value="{{$audio->id}}">
                                        {{$audio->original_name}}
                                </option>
                                @endforeach --}}
                            </select>
                            <p class="help-block"></p>
                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="Test Time">{{__('action.bioryth')}}
                                {{-- <span class="text-danger" title="This field is required"></span></label> --}}
                            <input type="text" id="bioryth" name="bioryth" class="form-control">
                            <div class="text-danger">
                                <!--{{$errors->has('bioryth')? $errors->first('bioryth'):" "}}-->
                            </div>
                        </div>
                    </div>

                    <div class="col-md-12">
                        <h4><b>{{__('action.Price/Time')}}</b></h4>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group bb">
                            <label for="p_min" class="text-primary">{{__('action.min_value')}}
                                {{-- <span class="text-danger" title="This field is required"></span></label> --}}
                            <input type="text" id="an_min_price" name="ana_min_price" class="form-control number-only">
                            <div class="text-danger">
                                <!--{{$errors->has('ana_min_price')? $errors->first('ana_min_price'):" "}}-->
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group bb">
                            <label for="p_max" class="text-primary">{{__('action.max_value')}}
                                {{-- <span class="text-danger" title="This field is required"></span></label> --}}
                            <input type="text" id="an_max_price" name="ana_max_price" class="form-control number-only">
                            <div class="text-danger">
                                <!--{{$errors->has('ana_max_price')? $errors->first('ana_max_price'):" "}}-->
                            </div>
                        </div>
                    </div>
                </div>


                <div class="modal fade" id="myModall" role="dialog">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                <h4 class="modal-title">{{__('action.Upload_Body_Images')}} </h4>
                            </div>
                            <div class="modal-body popup_panel_body">
                                <div class="field" align="left">
                                    <!-- <h3>Upload your images</h3> -->
                                    <div id="filediv">
                                        <input type="file" class="form-control" id="body_desc_img[]" name="body_desc_img[]" accept="image/*" />
                                    </div>
                                    <div class="add_more_body_img_show">

                                    </div>

                                    <input type="button" id="" class="upload body_img " onclick="add_more_body_img()" value="Add More Files" />
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">{{__('action.close')}}</button>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="modal fade" id="myModal_mental_img" role="dialog">
                    <div class="modal-dialog">
                        <!-- Modal content-->
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                <h4 class="modal-title">{{__('action.Upload_Mental_Images')}} </h4>
                            </div>
                            <div class="modal-body">

                                <div class="field" align="left">
                                    <!-- <h3>Upload your images</h3> -->
                                    <div id="filediv_mental_img">
                                        <input type="file" class="form-control" id="mental_desc_img" name="mental_desc_img[]" accept="image/*" />
                                    </div>
                                    <div class="add_more_mental_img_show">

                                    </div>

                                    <input type="button" id="" class="upload body_img" onclick="add_more_mental_img()" value="Add More Files" />

                                </div>

                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">{{__('action.close')}}</button>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="form-group bb">
                        <div class="form-group " id="form-group-list_product">
                            <label class="control-label"> <i class="fa fa-music">&nbsp;</i>{{__('action.Add_Audio')}}</label>
                            <select class="form-control" select2Live="true" data-table="audios" data-column="original_name" data-url="{{ CRUDBooster::adminpath('submenus/data-for-select-box') }}" id="analysisAudios" name="anaylse_audio" tabindex="-1" aria-hidden="true">
                                {{-- <option value="">Select Audio</option>
                                @foreach ($audios as $audio)
                                <option value="{{$audio->id}}">
                                        {{$audio->original_name}}
                                </option>
                                @endforeach --}}
                            </select>
                            <p class="help-block"></p>
                        </div>
                    </div>


                <div class="col-md-12" >
                    <div class="float-right"style="float: right;">
                        <a href="{{ CRUDBooster::mainpath() }}" class="btn btn-default"><i class="fa fa-chevron-circle-left"></i> {{__('action.Back')}}</a>
                        <input type="submit" name="submit" value="Save" class="btn btn-success" style="padding: 6px 21px">
                    </div>

                </div>

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