@extends('layouts.main')
@section('customcss')
<link href="{{url('assets/plugins/timepicker/bootstrap-timepicker.min.css" rel="stylesheet') }}">
<link href="{{ url('assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css') }}" rel="stylesheet">
<link href="{{ url('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css" />
<style type="text/css">
    .datepicker>div{
        display: block;
    }
    .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{
        color:#bbbaba;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow{
        top: 7px;
    }
</style>
@endsection

@section('pagecontent')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title">@lang('sistema.message.create_message')</h4>
                <ol class="breadcrumb p-0 m-0">
                    <li>
                        <a class="text-uppercase" href="javascript:void(0)">{{ \App\Util\HelperUtil::get_admin_broker() }}</a>
                    </li>                         
                    <li>
                        <a href="{{ url('messages') }}">
                            @lang('sistema.message.title_message')
                        </a>
                    </li>
                    <li class="active">
                        @lang('sistema.message.create_message')
                    </li>
                </ol>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-body">
                    <!--<h4 class="m-t-0 header-title"><b>Input Types</b></h4>-->
                    <p></p>
                    <div class="row">
                        <input type="hidden" id="_token" value="{{ csrf_token() }}">
                        <div class="col-lg-12">
                            @if (count($errors) > 0)
                            <div class="alert alert-warning" id="error_block">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                    <li>{!! $error !!}</li>
                                    @endforeach
                                </ul>
                            </div>
                            @endif
                            <form class="form-horizontal"  method="POST" action="{{url('messages')}}" id="frm_messages" onsubmit="return validateFrm();" enctype="multipart/form-data">

                                {{ csrf_field() }}
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group row" id="inputaccount_number">
                                            <label for="account_number" class="col-sm-3 form-control-label">@lang('sistema.transaction.account_number')<span class="text-danger">*</span></label>
                                            <div class="col-sm-9">
                                                <select tabindex="2" class="form-control select2" id="account_number" name="account_number" valida="SI" cadena ="{{__('sistema.transaction.req_account_number')}}">
                                                    <option value="">@lang('sistema.select_account')</option>
                                                    @if(isset($accounts) && count($accounts) > 0)
                                                    @foreach($accounts as $account)
                                                    @php
                                                    $primary_account = $account->primary_client;
                                                    @endphp                                                    
                                                    <option value="{{ $account->primary_client['user_id'] }}" {{ old('account_number') == $account->primary_client['user_id'] ? 'selected' : '' }}>{{$account->account_number}}{{  $primary_account ?  ' - ' . $primary_account->full_name : '' }}</option>
                                                    @endforeach
                                                    @endif
                                                </select>                                           
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group row" id="inputsubject">
                                            <label for="subject" class="col-sm-3 form-control-label">@lang('sistema.message.subject')<span class="text-danger">*</span></label>
                                            <div class="col-sm-9">
                                                <input type="text" class="form-control" id="subject" name="subject" placeholder="{{__('sistema.message.subject')}}" valida="SI" cadena ="{{__('sistema.message.req_subject')}}" value="{{ (old('subject'))? old('subject'):'' }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">                                    
                                    <div class="col-lg-6">
                                        <div class="form-group row" id="inputmessage">
                                            <label for="type" class="col-sm-3 form-control-label">@lang('sistema.message.message')<span class="text-danger">*</span></label>
                                            <div class="col-sm-9">
                                                <textarea class="form-control" name="message" id="message" placeholder="{{__('sistema.message.message')}}" rows="10" cadena="{{__('sistema.message.req_message')}}">{{ (old('message'))? old('message'):'' }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group m-b-0">
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="offset-sm-3 col-sm-9">                                                
                                                <a href="{{ url('messages') }}" class="btn btn-danger waves-effect waves-light">@lang('sistema.btn_back')</a>
                                                <button type="submit" id="btnCreateTrade" class="btn btn-info waves-effect waves-light">@lang('sistema.btn_save')</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!-- end row -->
                </div>
            </div>
        </div><!-- end col -->
    </div>
</div><!-- container -->
<footer class="footer">
    © {{ date('Y') }}
</footer>
@endsection

@section('customjs')
<script src="{{ url('assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ url('assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.es.js') }}"></script>
<script src="{{ url('assets/plugins/timepicker/bootstrap-timepicker.js') }}"></script>
<script src="{{ url('assets/plugins/bootstrap-inputmask/bootstrap-inputmask.min.js') }}"></script>
<script src="{{ url('assets/plugins/autoNumeric/autoNumeric.js') }}"></script>
<script src="{{ url('assets/plugins/select2/js/select2.min.js') }}"></script>


@if (session('type')=='error')            
<script>
    swal({
        title:'@lang("sistema.users_alert")',
        text:'{{session("msg")}}',
        type:'error',
        timer: 5500,
        confirmButtonColor:'red',
        confirmButtonText:'OK'
    });
</script>
@endif

<script type="text/javascript">
    var token = $('#_token').val();
    //Initalize controls
    $('.date_picker').datepicker({
        format: 'dd/mm/yyyy',
        //startDate: '-5d',
        //endDate: '+5d',
        language: '{{ session("language") }}',
        autoclose: true
    });
    $('.date_picker').datepicker('setDate', 'today');
    $('.timepicker').timepicker({
        showSeconds: true,
        showMeridian: false,
    });
    $(function($) {        
        $(".select2").select2();       
        $('.autonumber').autoNumeric('init', {
            mDec: '6'            
        });
    });
    //Validate Form
    function validateFrm()  
    {
        var listv = 0;
        var msg = '';
        $('#frm_messages').find(':input').each(function() {
            if ($(this).attr("valida") == "SI" && ($(this).val() == "" || $(this).val() == "null"))
            {
                listv = 1;
                $('#input' + this.id).addClass('has-error');
                msg += $(this).attr('cadena') + '\n';
                //$(this).val($(this).val().toUpperCase());
            } 
            else
            {
                $('#input' + this.id).removeClass('has-error');
                if ($(this).attr("valida") == "SI")
                {
                //$(this).val($(this).val().toUpperCase());
                }
            }
        });

        if($('#message').val() == ""){
            listv = 1;
            $('#inputmessage').addClass('has-error');
            msg += $('#message').attr('cadena') + '\n';
        }else{
            $('#inputmessage').removeClass('has-error');
        }

        if (listv == 1)
        {
            swal({
                title:'@lang("sistema.users_alert")',
                text:msg,
                type:'error',
                timer: 4000,
                confirmButtonColor:'red',
                confirmButtonText:'OK'
            });
            return false;
        } 
        else
        {
            $("#btnCreateTrade").prop('disabled', true);
            return true;
        }
    }

</script>
@endsection