@extends('pagecomponents::layouts.master')

@section('title', '| Viewing or updating headers')

@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4 row">
    <h1 class="h3 mb-0 text-gray-800 col-lg-12">Hero Banners <i class="fa fa-info-circle" data-toggle="collapse" data-target="#page_headers_img_tip"></i></h1>
    <div id="page_headers_img_tip" class="collapse col-lg-12">
        <span class="text-info">
            <strong>Image rules:</strong><br />Preferred dimenssions: 1920 × 600 pixels
        </span>
    </div>
</div>

{!! Form::open(['method' => 'PUT', 'url' => "/page-components/headers/update", 'class' => 'form-horizontal', 'role' => 'form', 'files' => true]) !!}
<div class="row">
    @foreach ($headers as $code => $header)
    <div class="col-md-6">
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">{{ $header['_page_name'] }}</h6>
            </div>
            <div class="card-body">
                <div class="row no-gutters">
                    <div class="{{ $code == 'LANDING' ? 'col-md-12' : 'col-md-6' }}">
                        <fieldset>
                            <legend>Headers</legend>
                            @include('pagecomponents::headers._single', [
                                'page_code' => $code,
                                'main_header_top' => [
                                    'id' => 'headers_' . $code . '_main_header_top',
                                    'name' => 'headers[' . $code . '][main_header_top]',
                                    'label' => 'Main Header Top',
                                    'disabledField' => $disabledField,
                                    'default_value' => isset($headers[$code]['main_header_top']) ? $headers[$code]['main_header_top'] : null
                                ],
                                'main_header_middle_big' => [
                                    'id' => 'headers_' . $code . '_main_header_middle_big',
                                    'name' => 'headers[' . $code . '][main_header_middle_big]',
                                    'label' => 'Main Header Middle (Big)',
                                    'disabledField' => $disabledField,
                                    'default_value' => isset($headers[$code]['main_header_middle_big']) ? $headers[$code]['main_header_middle_big'] : null
                                ],
                                'main_header_bottom' => [
                                    'id' => 'headers_' . $code . '_main_header_bottom',
                                    'name' => 'headers[' . $code . '][main_header_bottom]',
                                    'label' => 'Main Header Bottom',
                                    'disabledField' => $disabledField,
                                    'default_value' => isset($headers[$code]['main_header_bottom']) ? $headers[$code]['main_header_bottom'] : null
                                ],
                            ])
                        </fieldset>
                    </div>
                    @if ($code != 'LANDING')
                    <div class="col-md-6">
                        @include('media::layouts.field', [
                            'initialImg' => $header['_has_header_img'],
                            'name' => 'header_image[' . $code . ']',
                            'withPreview' => true,
                            'disabledField' => $disabledField,
                            'imgSrc' => $header['_img_src'],
                            'fieldset' => [
                                'legend' => 'Image',
                            ]
                        ])
                    </div>
                    @endif
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <fieldset>
                            <legend>Call To Actions</legend>
                            @include('pagecomponents::headers._header_ctas', [
                                'code' => $code,
                                'page_id' => $header['_page_id'],
                                'header_ctas' => $header['header_ctas']
                            ])
                        </fieldset>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endforeach

    @if (Auth::user()->hasAnyRole(['ADMIN']))
    <div class="col-md-12">
        <div class="card shadow mb-4">
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    <div class="form-group">
                        <div class="col-md-8 col-md-offset-2">
                            <button type="submit" class="btn btn-primary">
                                Update
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif
</div>
{!! Form::close() !!}
@endsection