@extends('layouts.app')

@section('content')
    <div class="col-md-12 branch-area">
        <div class="row status-list">
            <div class="col-md-4">
                <div class="card">
                    <div class="card-header">
                        <span class="headline-icon players"></span>
                        <span class="headline-title">Players</span>
                    </div>
                    <div class="card-body">
                        @include ('partials.branch_status', [$branch])
                    </div>
                </div>
                <div class="row gallery-area">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <span class="headline-icon photos"></span>
                                <span class="headline-title">{{ __('custom.attribute.photos') }}</span>
                            </div>
                            <div class="card-body">
                                <div class="gallery inline">
                                    @if (count($photos) > 1)
                                        <div class="prev-photo"></div>
                                        <div class="next-photo"></div>
                                    @endif

                                    @if (count($photos) === 0)
                                        <div class="photo-info no-photos">
                                            <div class="notice">{{ __('custom.attribute.no_photos') }}</div>
                                        </div>
                                    @else
                                        @for ($i=1; $i<=count($photos); $i++)
                                            <div class="photo-info" id="photo-info-{{ $i }}">
                                                <div class="photo" style="background-image: url({{ asset('images/branch_photos/'.$photos[$i - 1]->file_name) }})"></div>
                                                <div class="photo-bar">
                                                    <div class="photo-title">{{ $photos[$i - 1]->title }}</div>
                                                    <span call_URL="{{ route('photos.destroy', [$branch->id, $photos[$i - 1]->id]) }}" return_URL="{{ route('branches.show', $branch->id) }}" class="btn delete-button"></span>
                                                    <a href="{{ route('photos.edit', [$branch->id, $photos[$i - 1]->id]) }}" class="btn edit-button"></a>
                                                </div>
                                            </div>
                                        @endfor
                                    @endif

                                    <a href="{{ route('photos.create', $branch->id) }}" class="btn create-button"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="row branch-info">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <span class="headline-icon branches"></span>
                                <span class="headline-title">{{ __('custom.nav.branches') }}</span>
                            </div>
                            <div class="card-body">
                                @include ('partials.branch_info', [$fields])
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row branch-installation">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">{{ __('custom.attribute.installation') }}</div>
                            <div class="card-body">
                                @foreach ($installation_fields as $field)
                                    <div class="info-entry">
                                        <div class="field-title">{{ __("custom.attribute.$field") }}</div>
                                        <div class="field-value">{{ $branch->{$field} }}</div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="row comment-area">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <span class="headline-icon work-log"></span>
                                <span class="headline-title">{{ __('custom.attribute.comments') }}</span>
                            </div>
                            <div class="card-body">
                                <div class="comments">
                                    @if (count($comments) === 0)
                                        <div class="no-comments-notice">{{ __('custom.attribute.no_comments') }}</div>
                                    @else
                                        @foreach ($comments as $comment)
                                            <div class="comment @if ($comment->user_id === Auth::user()->id) right-align @else left-align @endif">
                                                <div class="comment-by">
                                                    {{ Helper::getUsername($comment->user_id) }}

                                                    @if ($comment->user_id === Auth::user()->id)
                                                        <span call_URL="{{ route('comments.destroy', [$branch->id, $comment->id]) }}" return_URL="{{ route('branches.show', $branch->id) }}" class="btn delete-button"></span>
                                                    @endif
                                                </div>
                                                <div class="show-comment-content">
                                                    {!! $comment->content !!}
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                                <div class="new-comment">
                                    {!! Form::open(['route' => ['comments.store', $branch->id], 'class' => 'post-form', 'enctype' => 'multipart/form-data', 'accept-charset' => 'UTF-8']) !!}
                                        <div class="form-group @if ($errors->has('content')) has-error @endif">
                                            {!! Form::textarea('content', null, ['class' => 'comment-content', 'required' => 'required']) !!}
                                        </div>

                                        <button type="submit" class="btn send-comment"></button>
                                    {!! Form::close() !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="row" style="margin-bottom: 30px;">
            <div class="col-md-12">
                @include ('partials.logs', ['list' => $logs, 'fields' => $log_fields])
            </div>
        </div>

        @can('Inventory_Management')
            <div class="row branch-inventory-list">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <span class="headline-icon inventory"></span>
                            <span class="headline-title">{{ __('custom.nav.inventory') }}</span>
                        </div>
                        <div class="card-body">
                            {!! Html::openTable(['page-size'  => '6']) !!}
                                {!! Html::tableHeader($inventory_fields) !!}
                                <tbody>
                                    @foreach ($inventory_list as $entry)
                                        <tr>
                                            @foreach ($inventory_fields as $field)
                                                <td>
                                                    @if ($field === 'touch_point_id')
                                                        {{ $touch_points[$entry->{$field}] }}
                                                    @elseif ($field === 'type')
                                                        {{ $inventory_types[$entry->{$field}] }}
                                                    @else
                                                        {{ $entry->{$field} }}
                                                    @endif
                                                </td>
                                            @endforeach

                                            {!! Html::editingControls('inventory', $entry->id) !!}
                                        </tr>
                                    @endforeach
                                </tbody>
                            {!! Html::closeTable() !!}
                        </div>
                    </div>
                </div>
            </div>
        @endcan
    </div>
    
    <div class="large-popup">
        <div class="popup gallery">
            <div class="go-back"></div>

            @if (count($photos) > 1)
                <div class="prev-photo"></div>
                <div class="next-photo"></div>

                @for ($i=1; $i<=count($photos); $i++)
                    <div class="photo-info" id="photo-info-{{ $i }}">
                        <div class="photo" style="background-image: url({{ asset('images/branch_photos/'.$photos[$i - 1]->file_name) }})"></div>
                        <div class="photo-bar">
                            <div class="photo-title">{{ $photos[$i - 1]->title }}</div>
                        </div>
                    </div>
                @endfor
            @endif
        </div>
    </div>
@endsection