@extends('admin.index')
@section('page_title')
    {{trans('countries.edit')}}
@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">

        $(document).ready(function() {

            $(".btn-success").click(function(){
                var html = $(".clone").html();
                $(".increment").after(html);
            });

            $("body").on("click",".btn-danger",function(){
                $(this).parents(".control-group").remove();
            });

        });

    </script>


    <script type="text/javascript">


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


    </script>




    <div class="box">
        <div class="box-header">
            <h3 class="box-title">{{trans('countries.edit')}}</h3>
        </div>
        <!-- /.box-header -->
        <div class="box-body">

            <form class="form-horizontal" method="POST" action="{{route('admin.countries.update',[$countries->id])}}" accept-charset="UTF-8" enctype="multipart/form-data">
                <input name="_method" type="hidden" value="PUT">
                {!! csrf_field() !!}
                <div class="form-group">
                    <label class="col-sm-2 control-label" for="name">{{trans('countries.name')}}</label>
                    <div class="col-sm-9">
                        <input class="form-control" placeholder="{{trans('countries.name')}}" value="{{$countries->name_ar}}" name="name_ar" required type="text" id="name">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label" for="name_en">{{trans('countries.name_en')}}</label>
                    <div class="col-sm-9">
                        <input class="form-control" placeholder="{{trans('countries.name_en')}}" value="{{$countries->name_en}}" name="name_en" required type="text" id="name">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label" for="code">{{trans('countries.code')}}</label>
                    <div class="col-sm-9">
                        <input class="form-control" placeholder="{{trans('countries.code')}}" value="{{$countries->code}}" name="code" type="text" id="code" required>
                    </div>
                </div>


                <div class="form-group">
                    <label class="col-sm-2 control-label">{{trans('countries.logo')}}</label>
                    <div class="col-md-2">
                        <div class="fileinput @if($countries->image) fileinput-exists @else fileinput-new @endif" data-provides="fileinput">
                            <div class="input-group input-large">

                                <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;">
                                    <img class="fileinput-filename" src="{{url('uploads/countries/'.$countries->image)}}"style="max-width: 200px; max-height: 100px;" 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="{{$countries->image}}">


                                            </span>
                                    <a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput"> حذف </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label" for="name">{{trans('admin.status')}}</label>
                    <div class="col-sm-9">
                        <select name="status" class="form-control">
                            <option value="1" @if($countries->status == '1') selected @endif>{{trans('admin.active')}}</option>
                            <option value="0" @if($countries->status == '0') selected @endif>{{trans('admin.notactive')}}</option>
                        </select>
                    </div>
                </div>



                <div class="box-footer">
                    <input class="btn btn-primary" type="submit" value="{{trans('admin.save')}}">
                    <button class="btn default" type="reset">{{trans('admin.reset')}}</button>
                    <a href="{{ URL::previous() }}" class="btn btn-primary"> {{trans('admin.back')}} </a>

                </div>

            </form>
        </div>
        <!-- /.box-body -->
    </div>
    <!-- /.box -->
    <script type="text/javascript">

        $(document).ready(function() {

            $(".btn-success").click(function(){
                var html = $(".clone").html();
                $(".increment").after(html);
            });

            $("body").on("click",".btn-danger",function(){
                $(this).parents(".control-group").remove();
            });

        });

    </script>


    <script type="text/javascript">


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


    </script>

@endsection