@extends('layouts.pdf')

@push('head')
    <style>
        body {
            font-family: Arial, sans-serif !important;
            font-size: 14.5px;
        }

        .heading {
            position: absolute;
            top: -30px;
        }

        @page {
            margin: {{ $decreto->margin_top }}mm {{ $decreto->margin_left }}mm {{ $decreto->margin_bottom }}mm {{ $decreto->margin_right }}mm;
        }
    </style>
@endpush

@section('content')
    <div class="heading">
        <div class="row">
            <div class="col-12">
                <img src="{{ asset('img/logo.png') }}" class="img-fluid" style="max-width: 150px">
            </div>
        </div>
    </div>

    <div class="row" style="margin-bottom: 30px; margin-top: 110px">
        <div class="col-12">
            <div class="text-center font-weight-bold">
                <div class="text-uppercase">Decreto Extento N° _____________/</div>
                <div>Padre las Casas</div>
            </div>
        </div>
    </div>

    <div class="row" style="margin-bottom: 30px">
        <div class="col-12">
            <div><b style="text-decoration: underline">VISTOS:</b></div>
            <div class="ql-container">
                {!! $decreto->vistos !!}
            </div>
        </div>
    </div>

    <div class="row" style="margin-bottom: 30px">
        <div class="col-12">
            <div><b style="text-decoration: underline">CONSIDERANDO:</b></div>
            <div class="ql-container">
                {!! $decreto->considerando !!}
            </div>
        </div>
    </div>

    <div class="row" style="margin-bottom: 30px">
        <div class="col-12">
            <div><b style="text-decoration: underline">DECRETO:</b></div>
            <div class="ql-container">
                {!! $decreto->decreto !!}
            </div>
        </div>
    </div>

    <div class="firmas" style="margin-top: 100px">
        <div class="row">
            <div class="col-xs-6 text-center">
                <div>
                    <div>{{ mb_strtoupper(optional($decreto->secretario)->nombres) }}</div>
                    <div>{{ mb_strtoupper(optional($decreto->secretario)->puesto) }}</div>
                </div>
            </div>

            <div class="col-xs-6 text-center">
                <div>
                    <div>{{ mb_strtoupper(optional($decreto->alcalde)->nombres) }}</div>
                    <div>{{ mb_strtoupper(optional($decreto->alcalde)->puesto) }}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="row" style="margin-top: 100px; margin-bottom: 30px">
        <div class="col-12">
            {!! $decreto->notas !!}
        </div>
    </div>
@endsection