{{-- @extends('adminlte::page')

@section('title', $title ?? 'Transportes Mateo')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center flex-wrap">
        <div>
            <h1 class="m-0">{{ $headerTitle ?? 'Transportes Mateo' }}</h1>
            @isset($headerSubtitle)
                <small class="text-muted">{{ $headerSubtitle }}</small>
            @endisset
        </div>

        @isset($headerActions)
            <div class="mt-2 mt-md-0">
                {!! $headerActions !!}
            </div>
        @endisset
    </div>
@stop

@section('content')
    @yield('admin_content')
@stop

@section('footer')
    <strong>Transportes Mateo</strong> · Sistema
@stop --}}

@extends('adminlte::page')

{{-- @section('title', isset($title) ? $title . ' | Transportes Mateo' : 'Transportes Mateo') --}}
{{-- @section('title', trim($__env->yieldContent('page_title') . ' | Transportes Mateo', ' |')) --}}
@section(
    'title',
    trim(($title ?? $__env->yieldContent('page_title')) . ' | Transportes Mateo', ' |')
)

@section('css')

    <link rel="icon" type="image/png" href="{{ asset('favicon.png') }}">
    <link rel="shortcut icon" href="{{ asset('favicon.ico') }}">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
    <link href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap4.min.css" rel="stylesheet">
    
    @livewireStyles

    <style>
        .form-control-shadow {
            box-shadow: inset 0 2px 4px rgba(225, 120, 27, 0.1);
        }

        .form-control-blues {
            background-color: #eaf1f7;
            color: #00008B;
        }

        .btn-inv {
            font-size: 0.60rem !important;
            padding: 5px 7px !important;
            height: 27px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .btn-salida {
            font-size: 0.60rem;
            padding: 5px 7px;
            height: 40px !important;
            width: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .col-edi {
            max-width: 200px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            align-items: center;
            justify-content: center;
            display: flex;
        }

        .main-sidebar .nav-link {
            font-size: 0.9rem;
        }
    </style>
@stop

@section('content_header')
    <div class="d-flex justify-content-between align-items-center flex-wrap">
        <div>
            <h1 class="m-0">{{ $headerTitle ?? ($title ?? 'Transportes Mateo') }}</h1>

            @isset($headerSubtitle)
                <small class="text-muted">{{ $headerSubtitle }}</small>
            @endisset
        </div>

        @isset($headerActions)
            <div class="mt-2 mt-md-0">
                {!! $headerActions !!}
            </div>
        @endisset
    </div>
@stop

@section('content')
    @hasSection('admin_content')
        @yield('admin_content')
    @else
        {{ $slot ?? '' }}
    @endif
@stop

@section('js')
    @livewireScripts

    <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap4.min.js"></script>

@stop

@section('footer')
    <strong>Transportes Mateo</strong> · Sistema
@stop