@extends('layouts.main')

@section('breadcrumb')
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <h4 class="page-title">Create CASE</h4>
                <ol class="breadcrumb float-right">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item active"><a href="/cases">Cases</a></li>
                    <li class="breadcrumb-item active">Create CASE</li>

                </ol>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
@endsection
@section('content')
    <section class="content-header">
    </section>
    <div class="content">
        @include('adminlte-templates::common.errors')
        <div class="box box-primary">
            <div class="card-box bg-card">
                {!! Form::open(['route' => 'cases.storeEmergencyCase', 'files'=>'true']) !!}

                <div class="row">
                    <input type="hidden" name="data_d" value="{{serialize(Request::all())}}">
                    <div class="form-group col-sm-12">
                        {!! Form::label('type_of_case_id', 'Type Of Case*:',['class' => 'col-sm-2 control-label']) !!}
                        <div class="col-sm-4">
                            {!! Form::select('type_of_case_id', App\Models\SubTypeOfCase::listSelect(\App\Models\TypeOfCase::getAll()), $case_config->type_of_case_id, ['class' => 'standards_id_input form-control']) !!}
                        </div>
                    </div>
                    <div class="form-group col-sm-12">
                        {!! Form::label('name', 'Title*:',['class' => 'col-sm-2 control-label']) !!}
                        <div class="col-sm-10">
                            {!! Form::text('name', $case_config->title, ['class' => 'form-control']) !!}
                        </div>
                    </div>

                    <div class="form-group col-sm-12 col-lg-12">
                        {!! Form::label('description', 'Description:',['class' => 'col-sm-2 control-label']) !!}
                        <div class="col-sm-10">
                            {!! Form::textarea('description', null, ['class' => 'form-control']) !!}
                        </div>
                    </div>

                    @include('cases.file-upload')

                    <div class="col-sm-4">

                        <div class="row">

                            <div class="form-group col-sm-12">
                                {!! Form::label('priority', 'Priority*:',['class' => 'col-sm-12 control-label']) !!}
                                <div class="col-sm-12">
                                    {!! Form::select('priority', \App\Models\Cases::$priority, $case_config->priority_id, ['class' => 'standards_id_input form-control']) !!}
                                </div>
                            </div>

                            <div class="form-group col-sm-12">
                                {!! Form::label('queue', 'Queues*:',['class' => 'col-sm-12 control-label']) !!}
                                <div class="col-sm-12">
                                    {!! Form::select('queue[]', [''=>'']+\App\Models\IUser::getGmpQueueNames(), unserialize($case_config->queues), ['id'=>'queue','multiple'=>'multiple','class' => 'standards_id_input form-control','required'=>'required']) !!}
                                </div>
                            </div>

                        </div>

                    </div>
                    <div class="col-sm-4">
                        <div class="form-group col-sm-12">
                            {!! Form::label('case', 'Cause:',['class' => 'col-sm-12 control-label']) !!}
                            <div class="col-sm-12">
                                {!! Form::text('case', null, ['class' => 'form-control']) !!}
                            </div>
                        </div>
                        <div class="form-group col-sm-12">
                            {!! Form::label('control', 'Control:',['class' => 'col-sm-12 control-label']) !!}
                            <div class="col-sm-12">
                                <div class="custom-control custom-radio">
                                    <input type="radio" value="Client" checked="checked" id="customRadio1"
                                           name="control" class="custom-control-input">
                                    <label class="custom-control-label"
                                           for="customRadio1">{{\App\Models\Account::where('id',\App\Models\Contact::where('user_id',Auth::id())->first()->account_id)->first()->account_name}}</label>
                                </div>
                                <div class="custom-control custom-radio">
                                    <input type="radio" id="customRadio2" value="Glesec" name="control"
                                           class="custom-control-input">
                                    <label class="custom-control-label" for="customRadio2">GLESEC</label>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="form-group col-sm-12">
                        <div class="col-md-12">
                            {!! Form::submit('Save', ['class' => 'btn btn-primary']) !!}
                            <a href="{!! route('cases.index') !!}" class="btn btn-danger">Cancel</a>
                        </div>
                    </div>

                </div>
                <style type="text/css">
                    .select2-container--default .select2-selection--multiple .select2-selection__choice {
                        color: #000;
                    }
                </style>

                @php
                    $fields  = \App\Models\CaseCustomField::whereIn('id',\App\Models\CasesInfo\CaseCustomFormRelation::where('form_id',$case_config->form_id)->orderBy('order_id','asc')->pluck('field_id')->toArray())->get();
                @endphp
                @foreach ($fields as $key => $value)
                    @php
                        $info = \App\Models\CasesInfo\CasesConfigMapping::where('config_id',$case_config->id)->where('field_id',$value->id)->first();
                    @endphp
                    <input type="hidden" class="custom_form_hidden" name="custom_form_hidden[{{$key}}]"
                           value="{{$value->id}}">
                    {!! Form::hidden('custom_form_text['.$key.']', ($info)?$info->value:null) !!}
                @endforeach


                {!! Form::close() !!}
            </div>
        </div>
    </div>

@endsection

@section('scripts')
    <style type="text/css">
        .loading {
            width: 100%;
            height: 250px;
            position: relative;

        }

        .lds-ring {
            display: table;
            position: relative;
            width: 80px;
            height: 165px;
            float: none;
            margin: 0px auto;
            padding-top: 40px;
            position: absolute;
            top: 46%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 200;
        }

        .lds-ring_before {
            display: block;
            position: absolute;
            z-index: 100;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);
            left: 0px;
            top: 0px;
            width: 100%;
        }

        .lds-ring div {
            box-sizing: border-box;
            display: block;
            position: absolute;
            width: 64px;
            height: 64px;
            margin: 8px;
            border: 8px solid #000;
            border-radius: 50%;
            animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            border-color: #000 transparent transparent transparent;
        }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

        @keyframes lds-ring {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }

        .box-body {
            position: relative;
        }
    </style>
    <!-- Submit Field -->


    <script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
    <script type="text/javascript" src="/ckeditor/adapters/jquery.js"></script>
    <script type="text/javascript">
        $(function () {
            $(document).on('click', '.show_description', function (e) {
                e.preventDefault();
                $('.description').removeClass('hidden');
                $(this).closest('div').remove();
            });
            $('#description').ckeditor();
            $('#note').ckeditor();
        });

        $(document).on('submit', 'form', function (e) {
            $('.card-box').after('<div class="lds-ring"><div></div><div></div><div></div></div>');
            $('.card-box').after('<div class="lds-ring_before"></div>');
        });

    </script>

@endsection