@extends('admin.layout.main_v')
@section('admins_active_class')
    @include('admin.layout.active_class')
@stop
@section('style')
    @if(App::getLocale() == 'ar')
        <link href="{{asset('assets/assets/vendors/custom/datatables/datatables.bundle.rtl.css')}}" rel="stylesheet" type="text/css" />
    @else
        <!--begin::Page Vendors Styles(used by this page) -->
        <link href="{{asset('assets/assets/vendors/custom/datatables/datatables.bundle.css')}}" rel="stylesheet" type="text/css" />
        <!--end::Page Vendors Styles -->
    @endif
@stop

@section('js')
    <script>
        var add_edit_url = '{!!route('admin.admins.process')!!}';

        $(document).ready(function() {
            validateForm();
        });

        function postData(){
            if (!$("#add_edit_form").valid())
                return false;

            var data = $('#add_edit_form').serializeArray();
            $.ajax({
                url : add_edit_url,
                data : data,
                type: "POST",
                beforeSend(){
                    block_page('@lang('general.text_please_wait')');
                },
                success:function(data) {
                    if(data.success){
                        showAlertMessage('success','{{$data['name']}}/ ', '@lang('general.changes_saved')');
                    }else{
                        showAlertMessage('danger', '{{$data['name']}}/ ' , 'Something Went Wrong! Contact Support', 1000);
                    }
                    un_block_page();
                },
                error:function(data) {
                    console.log(data);
                } ,
                statusCode: {
                    500: function(data) {
                        console.log(data);
                    }
                }
            });
        }

        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                    $('#img_preview').attr('src', e.target.result);
                };

                reader.readAsDataURL(input.files[0]);
                $('#img_preview').removeClass('hide');
            }
        }

        function validateForm(){
            $("#add_edit_form").validate({
                // ignore: [],
                rules: {
                    's_name[]': {
                        required: true,
                    },
                    's_company_name[]': {
                        required: true,
                    },
                },
                messages: {
                    s_name: {
                        required: "هذا الحقل مطلوب",
                    }
                },
            });

            $('.kt-selectpicker').selectpicker();
            $(".fileupload").change(function(){
                readURL(this);
            });

            $('.add_edit').click(function(e){
                e.preventDefault();
                postData();
            });
        }
    </script>

@stop
{{--@include('admin.pages.units-management.sidebar')--}}
@section('content')
    <div class="kt-portlet kt-portlet--mobile">
        <div class="kt-portlet__head kt-portlet__head--lg">
            <div class="kt-portlet__head-label">
                <span class="kt-portlet__head-icon">
                    <i class="kt-font-brand flaticon2-user"></i>
                </span>
                <h4 class="kt-portlet__head-text">
                    @if(isset($data['name']))
                        {{ $data['name'] }}
                    @endif
                </h4>
            </div>
        </div>
        <div class="kt-portlet__body">
            <!--begin: Search Form -->
            <div class="kt-form kt-form--label-right kt-margin-t-20 kt-margin-b-10">
                {!! FORM::open(['url'=>route('admin.admins.process'),'class'=>'form-horizontal','role'=>'form','id'=>'add_edit_form','files'=>'true','autocomplete'=>'off']) !!}

                <div class="form-group row">
                    <div class="col-lg-6">
                        <label for="english_name" class="form-control-label">English Name:</label>
                        <input type="text" placeholder="English Name" name="s_name[en]"  required id="english_name" class="form-control" value="@if(isset($admin)){{$admin->getTranslation('s_name', 'en')}} @endif">
                    </div>
                    <div class="col-lg-6">
                        <label for="arabic_name" class="form-control-label">Arabic Name:</label>
                        <input type="text" placeholder="Arabic Name" name="s_name[ar]"  required id="arabic_name" class="form-control" value="@if(isset($admin)){{$admin->getTranslation('s_name', 'ar')}}@endif">
                    </div>
                </div>

                <div class="form-group row">
                    <div class="col-lg-6">
                        <label for="english_name_company" class="form-control-label">English Company Name:</label>
                        <input type="text" placeholder="English Company Name" name="s_company_name[en]"  required id="english_name_company" class="form-control" value="@if(isset($admin)){{$admin->getTranslation('s_company_name', 'en')}}@endif">
                    </div>
                    <div class="col-lg-6">
                        <label for="arabic_name_company" class="form-control-label">Arabic Company Name:</label>
                        <input type="text" placeholder="Arabic Company Name" name="s_company_name[ar]"  required id="arabic_name_company" class="form-control" value="@if(isset($admin)){{$admin->getTranslation('s_company_name', 'ar')}}@endif">
                    </div>
                </div>


                <div class="form-group row">
                    <div class="col-lg-6">
                        <label for="s_email" class="form-control-label">E-Mail:</label>
                        <input type="text" placeholder="E-Mail" name="s_email" id="s_email" class="form-control" value="@if(isset($admin)){{$admin->s_email}}@endif">
                    </div>
                    <div class="col-lg-6">
                        <label for="s_mobile_number" class="form-control-label">Mobile Number:</label>
                        <input type="text" placeholder="Mobile Number" name="s_mobile_number" id="s_mobile_number" class="form-control" value="@if(isset($admin)){{$admin->s_mobile_number}}@endif">
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-lg-6">
                        <label for="s_password" class="form-control-label">Password:</label>
                        <input type="text" placeholder="Password" name="s_password" id="s_password" class="form-control" value="">
                    </div>
                </div>





                <div class="form-group row">
                    <div class="col-md-6">
                        <label for="s_avatar">@lang('constant.text_picture')</label>
                        <div></div>
                        <div class="custom-file">
                            <input type="file" class="custom-file-input fileupload" name="s_avatar" id="s_avatar">
                            <label class="custom-file-label" for="s_avatar">@lang('Choose Picture')</label>
                        </div>
                        {{--                    <span class="m-form__help m--font-danger">@lang('constant.text_picture_hint')</span>--}}

                    </div>
                    <div class="col-md-1"></div>
                    <div class="col-md-4">
                        <img id="img_preview" src="@if(isset($admin)){{url('upload/users/'.$admin->s_avatar)}}@endif" alt="" height="150" class="pull-right" />
                    </div>
                </div>

                @if(isset($admin))
                    <input type="hidden" id="pk_i_id" name="pk_i_id" value="{{$admin->pk_i_id}}">
                @endif
                {!! FORM::close() !!}
            </div>
            <!--end: Search Form -->

            <div class="modal-footer">
                <a href="{{route('admin.index')}}" class="btn btn-secondary">Cancel</a>
                <button type="button" class="btn btn-primary add_edit">Update Info</button>
            </div>
        </div>
    </div>
@stop