@extends('admin.layouts.master')

@section('title')
  <h1 class="page-title">{{trans("admin.Settings")}}</h1>
@stop

@section('content')
  <div class="row">
    <div class="col-lg-12 animatedParent animateOnce z-index-50">
      <div class="panel panel-default animated fadeInUp">
        <div class="panel-heading clearfix">

          <ul class="panel-tool-options">
            <li><a data-rel="collapse" href="#"><i class="icon-down-open"></i></a></li>
          </ul>
        </div>
        <div class="panel-body">
{!! Form::open(['url' =>'admin/'.$module.'/edit/', 'method' => 'post','class'=>'form-horizontal style-form','enctype'=>'multipart/form-data'] ) !!}

<ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#main" aria-controls="home" role="tab" data-toggle="tab">{{trans("admin.Main Settings")}}</a></li>
    <li role="presentation"><a href="#email" aria-controls="profile" role="tab" data-toggle="tab">{{trans("admin.Email Settings")}}</a></li>
</ul>

<div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="main">
        @php $input='site_title' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,trans('admin.Site title')."<em class='red'>*</em>",['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::text($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>
        @php $input='sms_id' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,"كود تفعيل رسائل الموبايل"."<em class='red'>*</em>",['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::text($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>
        @php $input='logo'; @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,trans('admin.Logo')."<em class='red'>*</em>",['class' => 'col-md-2 control-label']) !!} {{trans("admin.jpg,png,jpeg")}}, {{trans("front.Allowed max file size 4MB")}} {{trans("admin.Recommended resolution 287x136")}}
            <div class="col-md-4">
                {!! Form::file($input,['class'=>'form-control']) !!}
                <img src="uploads/logos/{{@$rows[$input]}}" height="50">
                @foreach($errors->get($input) as $message)
                <span class = 'help-inline text-danger'>{{ $message }}</span>
                @endforeach
            </div>
        </div>
        @php $input='favicon'; @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,trans('admin.Favicon')."<em class='red'>*</em>",['class' => 'col-md-2 control-label']) !!} {{trans("admin.ico")}}, {{trans("front.Allowed max file size 4MB")}} {{trans("admin.Recommended resolution 30x30")}}
            <div class="col-md-4">
                {!! Form::file($input,['class'=>'form-control']) !!}
                <img src="uploads/logos/{{@$rows[$input]}}" height="50">
                @foreach($errors->get($input) as $message)
                <span class = 'help-inline text-danger'>{{ $message }}</span>
                @endforeach
            </div>
        </div>

    </div>
	<div role="tabpanel" class="tab-pane" id="points">
        @php $input='points_per_register' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,"عدد النقاط لكل تسجيل"."<em class='red'>*</em>",['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::number($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>
		 @php $input='cash_per_point' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,"سعر النقطة بالجنية"."<em class='red'>*</em>",['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::number($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>
    </div>
    <div role="tabpanel" class="tab-pane" id="email">
        @php $input='email_host' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,trans('admin.Email Host'),['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::text($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>
        @php $input='email_account' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,trans('admin.Email Account'),['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::text($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>
        @php $input='email_password' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,trans('admin.Email Password'),['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::text($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>

        @php $input='email_port' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,trans('admin.Email Port'),['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::text($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>

        @php $input='email_from_name' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,trans('admin.Email From Name'),['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::text($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>

        @php $input='email_from_address' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,trans('admin.Email From Address'),['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::text($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>
    </div>

    <div role="tabpanel" class="tab-pane" id="social">
        @php $input='facebook_link' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,trans('admin.Facebook Link'),['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::url($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>
        @php $input='twitter_link' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,trans('admin.Twitter Link'),['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::url($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>
        @php $input='instagram_link' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,trans('admin.Instagram Link'),['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::url($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>

        @php $input='googlePlus_link' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,trans('admin.Google Plus link'),['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::url($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>

    </div>
    <div role="tabpanel" class="tab-pane" id="contact">

        @php $input='address_english' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,trans('admin.English Address'),['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::text($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>
        @php $input='address_arabic' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,trans('admin.Arabic Address'),['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::text($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>

        @php $input='telephone' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,trans('admin.Telephone'),['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::text($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>
        @php $input='fax' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,trans('admin.Fax'),['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::text($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>
        @php $input='whatsapp_numbers' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,trans('admin.Whatsapp numbers'),['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::textarea($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>
        <div class="form-group">
            {!! Form::hidden("longitude",@$rows['longitude'],['class'=>'form-control','id'=>"longitude"]) !!}
            {!! Form::hidden("latitude",@$rows['latitude'],['class'=>'form-control','id'=>"latitude"]) !!}
            {!! Form::label("location",trans('admin.Location'),['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::text('geocomplete',null,['class'=>'form-control','id'=>'geocomplete','placeholder'=>trans("admin.Type in an address")]) !!}
                @section('javascripts')
                <script>
                    $(function () {
                        $('.style-form').validate({
                            rules: {
                                'site_title': {
                                    required: true
                                },
                                'contact_receive_email': {
                                    required: true,
                                    email: true
                                },
                                'logo': {
                                    extension: "jpg,jpeg,png",
                                    filesize: 4000000
                                },
                                'favicon': {
                                    extension: "ico",
                                    filesize: 4000000
                                },
                                'hag_pdf': {
                                    extension: "pdf",
                                    filesize: 4000000
                                },
                                'facebook_link': {
                                    url: true
                                },
                                'twitter_link': {
                                    url: true
                                },
                                'instagram_link': {
                                    url: true
                                },
                                'linkedin_link': {
                                    url: true
                                },
                                'contact_email': {
                                    email: true
                                }
                            },
                            messages: {
                                'logo': {
                                    extension: "Only png,jpg,jpeg file is allowed!",
                                    filesize: "The file(s) selected exceed the file size limit"
                                },
                                'favicon': {
                                    extension: "Only png,jpg,jpeg file is allowed!",
                                    filesize: "The file(s) selected exceed the file size limit"
                                },
                            }
                        });
                        $("input[type=submit]").on("click", function () {
                            console.log("error" + $(".form-group div .error").length);
                            if ($(".form-group div .error").length > 1) {
                                return false;
                            }
                        });
                    });
                </script>
                <script type="text/javascript" src="http://maps.google.com/maps/api/js?key=AIzaSyD7j3vmNz65AW39TD4sSmHSAXtqrJd5H5s&libraries=places"></script>
                <script type="text/javascript">
                    var map;
                    var lat = $("#latitude").val();
                    var lng = $("#longitude").val();
                    function intialize(lat, lng) {
                        console.log("intialize new map");
                        //$(".readonly").attr("readonly", "TRUE");
                        var latlng = new google.maps.LatLng(lat, lng);
                        var options = {
                            zoom: 15,
                            center: latlng,
                            //scrollwheel: true,
                            mapTypeId: google.maps.MapTypeId.ROADMAP
                        };
                        map = new google.maps.Map(document.getElementById("map"), options);
                        marker = new google.maps.Marker({
                            position: new google.maps.LatLng(lat, lng),
                            map: map,
                            draggable: true,
                        });
                        google.maps.event.addListener(marker, 'dragend', function (evt) {
                            console.log(evt.latLng.lat());
                            console.log(evt.latLng.lng());
                            $("#latitude").val(evt.latLng.lat());
                            $("#longitude").val(evt.latLng.lng());
                            map.setCenter(marker.getPosition());
                        });
                        $("#geocomplete").geocomplete(options)
                                .bind("geocode:result", function (event, result) {
                                    console.log(result.geometry.location.lat());
                                    $("#latitude").val(result.geometry.location.lat());
                                    $("#longitude").val(result.geometry.location.lng());
                                    console.log("Result: " + result.formatted_address);
                                    intialize(result.geometry.location.lat(), result.geometry.location.lng());
                                })
                                .bind("geocode:error", function (event, status) {
                                    console.log("ERROR: " + status);
                                })
                                .bind("geocode:multiple", function (event, results) {
                                    console.log("Multiple: " + results.length + " results found");
                                });
                    }
                    $(function () {
                        console.log("lat: " + lat);
                        intialize(lat, lng);
                        $("#contact_tab").click(function () {
                            lat = $("#latitude").val();
                            lng = $("#longitude").val();
                            console.log("lattt: " + lat);
                            setTimeout(function () {
                                intialize(lat, lng);
                            }, 2000);

                        });
                    });
                    $(window).resize(function () {
                        lat = $("#latitude").val();
                        lng = $("#longitude").val();
                        if (lat != "" || lat != undefined) {
                            if (lng != "" || lng != undefined) {
                                intialize(lat, lng);
                            }
                        }
                    });
                </script>
                @stop
                <style>
                    #map img {
                        max-width:none;
                    }
                </style>
                <div id = "map" style = "width:100%; height:400px;"> </div>
            </div>
        </div>
    </div>
    <div role="tabpanel" class="tab-pane" id="other">
        @php $input='google_analytics_id' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,trans('admin.Google Analytics ID'),['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::text($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>
        @php $input='sms_gateway' @endphp
        <div class="form-group {{ $errors->has($input) ? 'has-error' : '' }}">
            {!! Form::rawLabel($input,trans('admin.SMS Gatway'),['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-6">
                {!! Form::url($input,@$rows[$input],['class'=>'form-control']) !!}
            </div>
        </div>

    </div>
</div>
{!! Form::submit(trans('admin.Save') ,['class' => 'btn btn-primary']) !!}
{!! Form::close() !!}
</div>
</div>
</div>
</div>
@stop