@extends('layouts.app')

@section('content')
<div class="page-info">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ url('/home'); }}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ url('/products'); }}">Listado realeases clientes</a></li>
            <li class="breadcrumb-item active" aria-current="page">Detalle pedido proveedor</li>
        </ol>
    </nav>
    <div class="page-options">
        <a  href="{{ url('crear_pdf_pedido/' . $supplierRelease->id ) }}" class="btn btn-success">
            <img src=" {{  asset('assets/iconos/agregar.png') }} " alt="usuarios" style="height: 20px;">
            Descarga PDF</a>
    </div>
</div>

<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-12">
                <h1>Detalle pedido proveedor</h1>
            </div>
        </div>
    </div>
</section>


    <div class="main-wrapper">
        <div class="row">
            <div class="col">
                @include('flash::message')

                <div class="clearfix"></div>

                <div class="card">
                    <div class="card-body p-0">
                        @include('supplier_releases.show_fields')
                    </div>

                </div>
            </div>
        </div>
    </div>
    
@endsection

@push('page_scripts')
    <script>

        $(document).ready(function(){

            "use strict";
            ajustarTabla();
        });

        function ajustarTabla(){
            let sidebar_hegith = $('.page-sidebar').width();
            let main_height = $('.main-wrapper').width();

            $('.main-wrapper').css('width', `${main_height - (sidebar_hegith + 100)}px`);
            console.log(sidebar_hegith, main_height);
            $('#sidebar-state').click(function() {
                if ($('.page-sidebar').hasClass('open')) {
                    $('.page-sidebar').removeClass('open');
                    $('.main-wrapper').css('width', `${main_height - (sidebar_hegith + 100)}px`);
                } else {
                    $('.page-sidebar').addClass('open');
                    $('.main-wrapper').css('width', `100%`);
                    console.log('entra 2');
                }
            });
        }

    </script>
@endpush