@extends('layouts.dashboard')

@section('template_title')
    Editing Complaint
@endsection

@section('header')
    Editing Complaint
@endsection



@section('breadcrumbs')
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="{{url('/')}}">
            <span itemprop="name">
                {{ trans('titles.app') }}
            </span>
        </a>
        <i class="material-icons">chevron_right</i>
        <meta itemprop="position" content="1" />
    </li>
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="{{url('/complaints')}}">
            <span itemprop="name">
                My Complaints
            </span>
        </a>
        <i class="material-icons">chevron_right</i>
        <meta itemprop="position" content="2" />
    </li>
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="">
            <span itemprop="name">
              {{$task->complaint_number}}             
            </span>
        </a>
        <i class="material-icons">chevron_right</i>
        <meta itemprop="position" content="3" />
    </li>
    <li class="active" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="/complaints/{{$task->id}}/edit">
            <span itemprop="name">
                {{$task->id}}
            </span>
        </a>
        <meta itemprop="position" content="4" />
    </li>

@endsection

@section('content')

    <div class="mdl-grid full-grid margin-top-0 padding-0">
        <div class="mdl-cell mdl-cell mdl-cell--12-col mdl-cell--12-col-phone mdl-cell--8-col-tablet mdl-cell--12-col-desktop mdl-card mdl-shadow--3dp margin-top-0 padding-top-0">
            <div class="mdl-color--grey-700 mdl-color-text--white mdl-card mdl-shadow--2dp" style="width:100%;" itemscope itemtype="https://schema.org/Person">

                <div class="mdl-card__title mdl-card--expand mdl-color--primary mdl-color-text--white">
                    <h2 class="mdl-card__title-text">
                        {{$task->title}}
                    </h2>
                </div>

                {!! Form::model($task, array('action' => array('ComplaintController@update', $task->id), 'method' => 'PUT', 'role' => 'form')) !!}

                    <div class="mdl-card__supporting-text">
                        <div class="mdl-grid full-grid padding-0">
                            <div class="mdl-cell mdl-cell--12-col-phone mdl-cell--12-col-tablet mdl-cell--12-col-desktop">

                                <div class="mdl-grid ">

                                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label {{ $errors->has('title') ? 'is-invalid' :'' }}">
                                            {!! Form::text('title', NULL, array('id' => 'title', 'class' => 'mdl-textfield__input mdl-color-text--white')) !!}
                                            {!! Form::label('title', 'Title', array('class' => 'mdl-textfield__label mdl-color-text--primary')); !!}
                                            <span class="mdl-textfield__error">Title is required</span>
                                        </div>
                                    </div>
<!-- 
                                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label mdl-select mdl-select__fullwidth {{ $errors->has('user_level') ? 'is-invalid' :'' }}">
                                            {!! Form::select('completed', array('1' => 'Complete', '0' => 'Incomplete'), $task->completed, array('class' => 'mdl-selectfield__select mdl-textfield__input mdl-color-text--white', 'id' => 'status')) !!}
                                            <label for="completed">
                                                <i class="mdl-icon-toggle__label material-icons">arrow_drop_down</i>
                                            </label>
                                            {!! Form::label('completed', 'Task Status', array('class' => 'mdl-textfield__label mdl-selectfield__label mdl-color-text--primary')); !!}
                                            <span class="mdl-textfield__error"></span>
                                        </div>
                                    </div> -->

                                    <div class="mdl-cell mdl-cell--12-col-tablet mdl-cell--12-col-desktop">
                                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label {{ $errors->has('description') ? 'is-invalid' :'' }}">
                                            {!! Form::textarea('description', NULL, array('id' => 'description', 'class' => 'mdl-textfield__input mdl-color-text--white')) !!}
                                            {!! Form::label('description', 'Complaint Description', array('class' => 'mdl-textfield__label mdl-color-text--primary')); !!}
                                            <span class="mdl-textfield__error"></span>
                                        </div>
                                    </div>
                                    @if($role == 'Admin') 
                                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                                        {!! Form::label('completion_date', 'Completion Date', array('class' => 'mdl-textfield__label mdl-color-text--primary')); !!}
                                        <br><br>
                                            <!-- {!! Form::input('date', 'startDate') !!} -->
                                            <input id="datepicker" name="startDate"  type="date" min="2026-08-18" value="{{$task->final_date}}">
                                            
                                            <span class="mdl-textfield__error">Address is required</span>
                                        </div>
                                    </div>
                                    @else
                                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                                        {!! Form::label('completion_date', 'Completion Date', array('class' => 'mdl-textfield__label mdl-color-text--primary')); !!}
                                        <br><br>
                                            {{$task->final_date}}
                                            
                                            <span class="mdl-textfield__error">Address is required</span>
                                        </div>
                                    </div>
                                    @endif

                                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label {{ $errors->has('address') ? 'is-invalid' :'' }}">
                                            {!! Form::text('address', NULL, array('id' => 'address', 'class' => 'mdl-textfield__input mdl-color-text--white')) !!}
                                            {!! Form::label('address', 'Address', array('class' => 'mdl-textfield__label mdl-color-text--primary')); !!}
                                            <span class="mdl-textfield__error">Address is required</span>
                                        </div>
                                    </div>

                                    

                                    

                                   
                                    
                                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop" style="display:none;">
                                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label {{ $errors->has('user_id') ? 'is-invalid' :'' }}">
                                            {!! Form::text('user_id', $task->user_id, array('id' => 'user_id', 'class' => 'mdl-textfield__input mdl-color-text--white')) !!}
                                            {!! Form::label('user_id', 'User Id', array('class' => 'mdl-textfield__label mdl-color-text--primary')); !!}
                                            <span class="mdl-textfield__error">User ID is required</span>
                                        </div>
                                    </div>
                                    @if($task->created_by != 'user') 
                                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label {{ $errors->has('phone') ? 'is-invalid' :'' }}">
                                            {!! Form::text('phone', $task->phone, array('id' => 'phone', 'class' => 'mdl-textfield__input mdl-color-text--white')) !!}
                                            {!! Form::label('phone', 'User Mobile', array('class' => 'mdl-textfield__label mdl-color-text--primary')); !!}
                                            <span class="mdl-textfield__error">User Phone is required</span>
                                        </div>
                                    </div>
                                    @else
                                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label {{ $errors->has('phone') ? 'is-invalid' :'' }}">
                                            {!! Form::text('phone', $task->phone, array('id' => 'phone', 'class' => 'mdl-textfield__input mdl-color-text--white', 'disabled' => 'disabled')) !!}
                                            {!! Form::label('phone', 'User Mobile', array('class' => 'mdl-textfield__label mdl-color-text--primary')); !!}
                                            <span class="mdl-textfield__error">User Phone is required</span>
                                        </div>
                                    </div>
                                    @endif
                                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label mdl-select mdl-select__fullwidth {{ $errors->has('user_level') ? 'is-invalid' :'' }}">
                                            {!! Form::select('complaint_status', array( 'open' => 'Open', 'pending' => 'Pending', 'resolved' => 'Resolved', 'closed' => 'Closed'), $task->complaint_status, array('class' => 'mdl-selectfield__select mdl-textfield__input', 'id' => 'status')) !!}
                                            <label for="complaint_status">
                                                <i class="mdl-icon-toggle__label material-icons">arrow_drop_down</i>
                                            </label>
                                            {!! Form::label('completed', 'Complaint Status', array('class' => 'mdl-textfield__label mdl-selectfield__label mdl-color-text--primary')); !!}
                                            <span class="mdl-textfield__error"></span>
                                        </div>
                                    </div>

                                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label mdl-select mdl-select__fullwidth {{ $errors->has('user_level') ? 'is-invalid' :'' }}">
                                            {!! Form::select('assign', array( 'admin' => 'Admin', 'engineer' => 'Engineer', 'technician' => 'Technician'), $task->assign, array('class' => 'mdl-selectfield__select mdl-textfield__input ', 'id' => 'assign')) !!}
                                            <label for="assign">
                                                <i class="mdl-icon-toggle__label material-icons">arrow_drop_down</i>
                                            </label>
                                            {!! Form::label('assign', 'Assign', array('class' => 'mdl-textfield__label mdl-selectfield__label mdl-color-text--primary')); !!}
                                            <span class="mdl-textfield__error"></span>
                                        </div>
                                    </div>
                                    
                                    @if($task->img_url)
                                        <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                                         <img src="{{ $task->img_url }}" alt="Image!" class="img-thumbnail" width="304" height="236" />
                                        </div> 
                                    @endif

                                    @if($task->img_url1)
                                        <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                                         <img src="{{ $task->img_url1 }}" alt="Image!" class="img-thumbnail" width="304" height="236" />
                                        </div> 
                                    @endif

                                    @if($task->img_url2)
                                        <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                                         <img src="{{ $task->img_url2 }}" alt="Image!" class="img-thumbnail" width="304" height="236" />
                                        </div> 
                                    @endif

                                    @if($task->img_url3)
                                        <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                                         <img src="{{ $task->img_url3 }}" alt="Image!" class="img-thumbnail" width="304" height="236" />
                                        </div> 
                                    @endif

                                    @if($task->img_url4)
                                        <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                                         <img src="{{ $task->img_url4 }}" alt="Image!" class="img-thumbnail" width="304" height="236" />
                                        </div> 
                                    @endif

                                    @if($task->img_url5)
                                        <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                                         <img src="{{ $task->img_url5 }}" alt="Image!" class="img-thumbnail" width="304" height="236" />
                                        </div> 
                                    @endif
                                      

                                    
                                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                                     @if($comments)
                                     @foreach ($comments as $comment)
                                        <h3>Comment</h3> 
                                        <p>{{ $comment->comment }}</p>
                                        <p>Author:- {{ $comment->author }} </p>   
                                        @if($comment->comment_img_url)
                                        <img src="{{ $comment->comment_img_url }}" alt="Image!" / class="img-thumbnail" width="304" height="236">
                                        @endif
                                        @if($comment->comment_img_url1)
                                        <img src="{{ $comment->comment_img_url1 }}" alt="Image!" / class="img-thumbnail" width="304" height="236">
                                        @endif
                                        @if($comment->comment_img_url2)
                                        <img src="{{ $comment->comment_img_url2 }}" alt="Image!" / class="img-thumbnail" width="304" height="236">
                                        @endif
                                        @if($comment->comment_img_url3)
                                        <img src="{{ $comment->comment_img_url3 }}" alt="Image!" / class="img-thumbnail" width="304" height="236">
                                        @endif
                                        @if($comment->comment_img_url4)
                                        <img src="{{ $comment->comment_img_url4 }}" alt="Image!" / class="img-thumbnail" width="304" height="236">
                                        @endif

                                     @endforeach
                                     @else
                                       <p>No Comments Available !</p>   
                                     @endif 
                                    </div>

                                    
                            </div>

                        </div>
                    </div>

                    <div class="mdl-card__actions padding-top-0">
                        <div class="mdl-grid padding-top-0">
                            <div class="mdl-cell mdl-cell--12-col padding-top-0 margin-top-0 margin-left-1-1">

                                {{-- SAVE BUTTON--}}
                                <span class="save-actions">
                                    {!! Form::button('Update Complaint', array('class' => 'dialog-button-save mdl-button mdl-js-button mdl-js-ripple-effect mdl-color--primary mdl-color-text--white mdl-button--raised margin-bottom-1 margin-top-1 margin-top-0-desktop margin-right-1 padding-left-1 padding-right-1 ')) !!}
                                </span>

                                {{-- DELETE Complaint BUTTON--}}
                                {!! Form::button('Delete Complaint', array('class' => 'dialog-button-delete mdl-button mdl-js-button mdl-js-ripple-effect mdl-color--accent mdl-button-colored mdl-color-text--white mdl-button--raised margin-bottom-1 margin-top-1 margin-top-0-desktop padding-left-1 padding-right-1 ')) !!}

                            </div>
                        </div>
                    </div>

                    <div class="mdl-card__menu mdl-color-text--white">

                        {{-- SAVE ICON --}}
                        <span class="save-actions">
                            {!! Form::button('<i class="material-icons">save</i>', array('class' => 'dialog-button-icon-save mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect mdl-button-colored', 'title' => 'Update Complaint')) !!}
                        </span>

                        {{-- DELETE USER ICON --}}
                        <a href="#" class="dialog-button-delete-icon dialiog-trigger-delete dialiog-trigger{{$task->id}} mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect" data-taskid="{{$task->id}}" title="Delete Complaint">
                            <i class="material-icons">delete</i>
                        </a>

                    </div>

                    @include('dialogs.dialog-save')

                {!! Form::close() !!}

                {!! Form::open(array('class' => '', 'id' => 'delete', 'method' => 'DELETE', 'route' => array('complaints.destroy', $task->id))) !!}
                    {{ method_field('DELETE') }}
                    @include('dialogs.dialog-delete', ['dialogTitle' => 'Confirm Complaint Deletion', 'dialogSaveBtnText' => 'Delete'])
                {!! Form::close() !!}

                <h3>Add Comment</h3>
                <form action="{{ url('/comments/create/') }}" method="POST" enctype="multipart/form-data">
                    <div class="mdl-grid full-grid padding-0">
                        <div class="mdl-cell mdl-cell--12-col-phone mdl-cell--12-col-tablet mdl-cell--12-col-desktop">
                            <div class="mdl-grid ">
                                <input type="hidden" name="_token" value="{{ csrf_token() }}" >
                                <input type="hidden" name="complaint_id" value="{{ $task->id }}" >
                                <input type="hidden" name="user_id" value="{{ $task->user_id }}" >

                                <div class="mdl-cell mdl-cell--12-col-tablet mdl-cell--12-col-desktop">
                                    <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label {{ $errors->has('comment') ? 'is-invalid' :'' }}">
                                        {!! Form::textarea('comment', NULL, array('id' => 'comment', 'class' => 'mdl-textfield__input mdl-color-text--white')) !!}
                                        {!! Form::label('comment', 'Comment Description', array('class' => 'mdl-textfield__label mdl-color-text--primary')); !!}
                                        <span class="mdl-textfield__error"></span>
                                    </div>
                                </div>
                                <!-- <div style="width:100%"></div> -->
                                @if($role == 'Admin') 
                                <div style="width: 100%;margin: 40px 0px;">
                                    <!-- <form id="form1" runat="server" enctype="multipart/form-data"> -->
                                        <h5>Location's Image</h5>
                                        <input type="file" name="admin_upload" onchange="readURL(this);" />
                                        <img id="blah" style="height: 100%;width: 20%;" src="#" alt="Place" />
                                    <!-- </form> -->
                                </div>
                                @endif
                                
                                <input type="submit" value="Add Comment">
                                
                                
                                
                            </div>
                        </div>
                    </div>            
                </form>                

            </div>
        </div>
    </div>

@endsection

@section('footer_scripts')

    @include('scripts.mdl-required-input-fix')

    <script type="text/javascript">
        mdl_dialog('.dialog-button-save');
        mdl_dialog('.dialog-button-icon-save');
        mdl_dialog('.dialog-button-delete','.dialog-delete-close','#dialog_delete');
        mdl_dialog('.dialog-button-delete-icon','.dialog-delete-close','#dialog_delete');
    </script>
    
    <script type="text/javascript">
        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
    
                reader.onload = function (e) {
                    $('#blah').attr('src', e.target.result);
                }
    
                reader.readAsDataURL(input.files[0]);
            }
        }

        // $( "#datepicker" ).datepicker({ minDate: 0});
    </script>

@endsection