@extends('tpl')
@section('body')
    <div class="wrapper-content animated fadeInRight form-horizontal">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox float-e-margins ">
                    <div class="ibox-content">
                        <h2 class="ibox-title">
                            Etapa colorare
                        </h2>
                    </div>

                    @if(isset($items) && count($items))

                        @include('searchForm')

                        <div class="ibox-content">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                    <tr>
                                        <th>{{trans('e.serial')}}</th>
                                        <th class="text-center">Nume colet</th>
                                        <th class="text-center">Nume client</th>
                                        <th class="text-right">Data crearii</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($items as $item)
                                        <tr>
                                            <td class="serial-td">{{$item->serial or  '' }}</td>
                                            <td class="text-center">{{$item->name}}</td>
                                            <td class="text-center">{{isset($item->client) ? $item->client->name : ''}}</td>
                                            <td class="text-right">{{date('d/m/Y H:i', strtotime($item->created_at))}}</td>
                                        </tr>
                                        @if(!$item->projects->isEmpty())
                                            <tr>
                                                <td colspan="20" class="tr-with-table">
                                                    <table class="children-table">
                                                        <thead>
                                                        <tr>
                                                            <th>Schita proiect</th>
                                                            <th class="text-center">Nume proiect</th>
                                                            <th class="text-center">Etapa parcursa</th>
                                                            <th></th>
                                                            <th></th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        @foreach($item->projects as $project)
                                                            <tr>
                                                                <td>
                                                                    <div class="img-block">
                                                                        <a href="{{url('/'.(isset($project) ? $project->file  : ''))}}"
                                                                           data-fancybox="project-schema-{{$item->id}}"
                                                                           data-caption="{{$item->serial or ''}}">
                                                                            <img src="{{url('/'.(isset($project) ? $project->file  : ''))}}"
                                                                                 alt="">
                                                                        </a>
                                                                    </div>
                                                                </td>
                                                                <td class="text-center">{{$project->name or ''}}</td>
                                                                <td class="text-center">{{trans('e.'.$project->status)}}</td>
                                                                <td class="text-right">
                                                                    @if($project->getEditableColorAttribute())
                                                                        <a href="{{url('/color/edit/'.$project->project_id)}}"
                                                                           type="button"
                                                                           class="btn btn-w-m btn-info no-float"><i
                                                                                    class="fa fa-pencil"></i>&nbsp;Editare</a>
                                                                    @endif
                                                                </td>
                                                                <td class="text-right">
                                                                    @if($project->getEditableColorAttribute())
                                                                        <div onclick="performStore(this)"
                                                                             data-project-id="{{$project->project_id}}"
                                                                             class="btn btn-w-m btn-danger no-float"><i
                                                                                    class="fa fa-flag"></i>Urmatorul pas
                                                                        </div>
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                        @endif
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    @else
                        <div class="empty-list">{{trans('e.empty_list')}}</div>
                    @endif
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        function performStore(current) {

            var started = 'started';

            $.post('/color/performStore', {project_id: $(current).data('project-id'), started: started})
                .then(function (resp) {
                    if (resp.msg)
                        toastr[resp.msg.type](resp.msg.e);
                    if (resp.status)
                        setTimeout(function () {
                            window.location.reload(true)
                        })
                })
        }
    </script>
@endsection