@extends('admin.index')
@section('page_title')
    {{trans('products.create')}}
@endsection
@section('content')



    <style>

        .btn.red:not(.btn-outline) {
            color: #fff;
            background-color: #e7505a;
            border-color: #e7505a;
        }
        .btn.default:not(.btn-outline) {
            color: #666;
            background-color: #e1e5ec;
            border-color: #e1e5ec;
        }
    </style>
    <script type="text/javascript">

        $("a[data-dismiss='fileinput']").on("click",function(){
            $("input[name='rmv_image']").attr("value","true");
            $("input[name='image']").attr("value","");
        });

    </script>
    <form class="form-horizontal" action="{{route('admin.companys.update', $companys->id)}}" method="POST" enctype="multipart/form-data">
        <input type="hidden" name="id" value="{{$companys->id}}">
        {!! csrf_field() !!}
        <div class="panel panel-default">
            <div class="panel-heading">
                <h5 class="page-title"> @lang('تعديل الصور')</h5>
            </div>

            <div class="panel-body">
                <div class="form-group">
                    <label class="col-sm-2 control-label">{{trans('clients.image')}}</label>
                    <div class="col-md-3">
                        <div class="fileinput @if($companys->image) fileinput-exists @else fileinput-new @endif" data-provides="fileinput">
                            <div class="input-group input-large">
                                <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
                                    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" />
                                </div>
                                <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;">
                                    <img class="fileinput-filename" src="{{url('uploads/companys/'.$companys->image)}}" alt="" />
                                </div>
                                <div>
                                            <span class="btn default btn-file">
                                                <span class="fileinput-new"> جديد</span>
                                                <span class="fileinput-exists"> تغيير  </span>
                                                <input type="file" name="image" value="{{$companys->image}}">
                                                <input type="hidden" name="rmv_image" value="false">
                                            </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label for="notes" class="col-sm-1 control-label">{{trans('عناون')}}</label>
                    <div class="col-sm-10">
                        <input type="text" name="name" value="{{$companys->name}}" class="form-control" required>
                    </div>
                </div>






                <
                <div class="box-footer">
                    <div class="col-sm-1">
                        <button type="submit" class="btn btn-primary pull-right">{{trans('global.app_save')}}</button>
                    </div>

                    <div class="col-sm-2">
                        <button class="btn default" type="reset">{{trans('global.reset')}}</button>
                    </div>

                </div>

            </div>

        </div>


    </form>
@stop

<script type="text/javascript">
    $('input[name="home"]').on('switchChange.bootstrapSwitch', function(event, state) {
        if(state == true){
            $(this).attr("value",1);
        }else{
            $(this).attr("value",0);
        }
    });

    $("a[data-dismiss='fileinput']").on("click",function(){
        $("input[name='rmv_image']").attr("value","true");
        $("input[name='image']").attr("value","");
    });
</script>