@extends('layouts.default')
@section('title',trans('general.agreements.edit-agreement'))
@section('new_button')
<a href="{{ url('/agreements') }}" class="btn btn-default mr-15 btn-Rcircle-iconic waves-effect waves-light"><i class="material-icons left"> list </i>{{ trans('general.button.view',['type'=> trans_choice('firstacs.aggrement',1)]) }}</a>
<a href="{{ url('/create_agrrement') }}" class="btn btn-info btn-Rcircle-iconic waves-effect waves-light mr-3"><i class="material-icons left">add</i>{{ trans('general.button.create',['type'=> trans_choice('firstacs.aggrement',1)]) }}</a>
@endsection
@section('content')
<div class="card">
    {{ Form::open(['route'=>['agreements.update', $agreement->id], 'method'=>'PUT', 'data-toggle'=>'validator', 'role'=>'form']) }}
    <div class="row">
        <div class="col-md-6">
            {{ Form::textGroup('name', 'Agreement name', isset($agreement->name)?$agreement->name:'', ['id'=>'name']) }}
        </div>
        <div class="col-md-3">
            <label for="">Select PDF</label>
            {{ Form::file('agreement') }}
            <label for="">Recent Agreement</label>
            <a href="/download/{{ $agreement->filename }}" class="btn btn34 btn-default btn-circle-iconic waves-effect waves-blue" target="_blank"><span class="icon24 icon-Attachments"></span></a>
        </div>
        <div class="col-md-3">
            {{ Form::saveButton('Save') }}
        </div>
    </div>
    
    {{-- <div>
        <div class="row m-0">
            <div class="col-md-12 col-sm-12 col-xs-12 mui-textfield mui-textfield--float-label form-group">
                {{ Form::textGroup('name', 'Agreement name', isset($agreement->name)?$agreement->name:'', ['id'=>'name']) }}
            </div>
        </div>
        <div class="row m-0">
            <div class="col-md-12 col-sm-12 col-xs-12 mui-textfield mui-textfield--float-label form-group">
                <h4>Header</h4>           
                {{ Form::textareaGroup('header', 'Header', isset($agreement->header)?$agreement->header:'', ['id'=>'header', 'rows'=>8]) }}
            </div>
        </div>
        <div class="row m-0">
            <div class="col-md-12 col-sm-12 col-xs-12 mui-textfield mui-textfield--float-label form-group">
                h4>Footer</h4>           
                {{ Form::textareaGroup('footer', 'Footer', isset($agreement->footer)?$agreement->footer:'', ['id'=>'footer', 'rows'=>8]) }}
            </div>
        </div>
        <div class="row m-0">
             <div class="col-md-12 col-sm-12 col-xs-12 mui-textfield mui-textfield--float-label form-group">
            <h4>Agreements pages</h4>
            @for($i=0; $i < 16; $i++)
            <div class="editor" id="div{{ $i }}">
                {{ Form::textareaGroup('pages[]', 'Agreement pages', isset($pages[$i])?$pages[$i]->content:'', ['id'=>'page'.$i, 'rows'=>10]) }}
            </div>
            @endfor
        </div>
        </div>
        <div class="row m-0">
             <div class="col-md-12 col-sm-12 col-xs-12 mui-textfield mui-textfield--float-label ">
               
            <h4>Agreements pages</h4>
             <div class="pagination">
            <button type="button" class="page-link waves-effect waves-gray page-btn" value="0" id="btn-first">1</button>
            @for($i=1; $i < 16; $i++)
            <button type="button" class="page-link waves-effect waves-gray page-btn" value="{{ $i }}">{{ $i+1 }}</button>
            @endfor
        </div>
        </div>
        </div>
        <div class="row">
             <div class="col-sm-3 offset-sm-9">
            {{ Form::saveButton('Save') }}
        </div>
        </div>
    </div> --}}
    {{ Form::close() }}
</div>
{{-- CKEDITOR --}}
<script src="//cdn.ckeditor.com/4.8.0/full-all/ckeditor.js"></script>
<script>
    $(document).ready(function(){
        $(".editor").hide();
    
        /*Header*/
        CKEDITOR.replace(header);
        CKEDITOR.replace(footer);
    
        for (i = 0; i < 16; i++) {
            var a = "page"+i;
            CKEDITOR.replace(a);
        }
    
        $("#div0").show();
        $("#btn-first").css({"background-color": "#fe573c", "color":"#FFFFFF"});
    });
    
    $(".page-btn").on('click', function(){
        var id = $(this).val();
        var hide_div = 'div'+id;
    
        $(".editor").hide();
        $("#"+hide_div+"").show();
    
        $(".btn-secondary").css({"background-color": "#DDDDDD", "color":"#2A3F54"});
        $(this).css({"background-color": "#fe573c", "color":"#FFFFFF"});
    });
</script>
@stop