@extends('app')
@section('content')
    <link href="{{ asset('assets/plugins/boostrap-clockpicker/bootstrap-clockpicker.min.css')}}" rel="stylesheet"
          type="text/css" media="screen"/>
    <link href="{{ asset('assets/plugins/calendar-multi/jquery.calendars.picker.css')}}" rel="stylesheet"
          type="text/css" media="screen"/>
    <style type="text/css">
        .controls {
            margin-top: 10px;
            border: 1px solid transparent;
            border-radius: 2px 0 0 2px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            height: 32px;
            outline: none;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
        }

        .pac-input {
            background-color: #fff;
            font-family: Roboto;
            font-size: 15px;
            font-weight: 300;
            margin-left: 12px;
            padding: 0 11px 0 13px;
            text-overflow: ellipsis;
            width: 300px;
        }

        .pace-input:focus {
            border-color: #4d90fe;
        }

        .pac-container {
            font-family: Roboto;
        }

        .map-box {
            border: 1px solid #e5e9ec;
            padding: 20px;
        }

        .calendars-month-header {
            height: auto !important;
        }

        .calendars-month-header select {
            width: auto !important;
            height: auto !important;
            min-height: 20px !important;
        }
    </style>
    @if($errors->any())
        <div class="row">
            <div class="alert alert-error col-md-6 col-sm-12 col-md-offset-3">
                <button data-dismiss="alert" class="close"></button>
                @foreach($errors->all() as $error)
                    <p>{{ $error }}</p>
                @endforeach
            </div>
        </div>
    @endif

    <div class="page-title"><a href="{{ URL::previous() }}"><i class="icon-custom-right"></i></a>
        <h3> اخبار الوفيات <!-- {{$deathnews->is_announcement==0 ? 'اخبار ' : 'Announcement'}} -->
            - {{$request_type=='Add' ? 'أضافة' : 'تحرير'}}</h3>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="wizard-wraper">

                <br>
                <div class="form-wizard-steps m-b-60 col-md-10 col-md-offset-1">
                    <ul class="wizard-steps">
                        <li class="complete" data-target="#step1"><a href="#tab1" class='tab1' data-toggle="tab"> <span
                                        class="step"><i class="fa fa-check"></i></span> <span class="title">الشخص المتوفي</span>
                            </a></li>
                        <li data-target="#step2" class="complete"><a href="#tab2" class='tab2' data-toggle="tab"> <span
                                        class="step"><i class="fa fa-check"></i></span> <span
                                        class="title">الذرية</span> </a></li>
                        <li data-target="#step3" class="active"><a href="#tab2" class='tab2' data-toggle="tab"> <span
                                        class="step">3</span> <span class="title">الموقع</span> </a></li>
                        <li data-target="#step4" class=""><a href="#tab3" class='tab3 last' data-toggle="tab"> <span
                                        class="step">4</span> <span class="title">معلومات إتصال العزاء </span> </a></li>
                        <li data-target="#step5" class=""><a href="#tab5" class='tab5' data-toggle="tab"> <span
                                        class="step">5</span> <span class="title">الملخص<br></span> </a></li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
                <!-- Show save btn if request is in edit -->

                <div class="form-actions" style="margin-left: 0 !important; margin-right: 0 !important; padding-bottom: 0 !important; background: none;">
                    <div class="pull-left">
                        @if($request_type=='Edit')
                            <a href="javascript:void(0)" class="btn btn-primary btn-cons" id="save_news">حفظ</a>
                        @endif
                    </div>
                    <div class="pull-right">
                        <div class="pull-right">
                            {!! Form::submit('التالي', ['class' => 'btn btn-info btn-cons btn-submit', 'onclick'=>'$("#add_locations_form").trigger("submit");']) !!}
                        </div>
                        <a href="{{ URL::route('admin.deathnews.children',['deathnews'=>$deathnews->id,'q'=>$request_type])}}"
                           class="btn btn-info btn-cons pull-right">السابق</a>
                    </div>
                </div>
                <br><br>

                {!! Form::model($deathnews,['route'=>['deathnews.addlocations','deathnews'=>$deathnews->id,'q'=>$request_type],'method'=>'PUT', 'id'=>'add_locations_form']) !!}
                <input type="hidden" name="save_now" id="save_now" value="false"/>
                <div class="row">
                    <div class="col-md-2 col-md-12">

                    </div>
                    <div class="col-md-8 col-md-12">
                        <h3 class="text-center">الموقع</h3>
                    </div>
                    <div class="col-md-2 col-md-12">

                    </div>

                </div>

                <div style="padding: 0 5px;">
                    <div class="col-md-12 col-sm-12 text-right">
                        {!! Form::label('Description', 'معلومات مبدئية/اضافية تظهر تحت الخبر', ['class' => 'form-label',  'style' => 'font-size: 17px']) !!}
                    </div>
                    <div class="input-with-icon  right col-md-12 col-sm-12">
                        {!! Form::textarea('location_description', null, ['class' => 'form-control','rows'=>7,'style'=>'direction: rtl;','id'=>'news_location_description']) !!}
                        <span class="help"><span id="news_location_description_char_count">500</span> @lang('helpers.char_count_text')</span><br>

                        <br>
                    </div>
                </div>

                <div id="location_component_fields" class="padding-20">
                    @if($deathnews)
                                                @foreach($deathnews->locations->sort() as $location)