@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">Ajustar Realeses Cliente</li>
			</ol>
		</nav>
		<div class="page-options">
		</div>
	</div>

    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Detalle de usuario</h1>
                </div>
                <div class="col-sm-6">
                    <a class="btn btn-secondary float-right" href="{{ route('users.index') }}">
                        Regresar
                    </a>
                </div>
            </div>
        </div>
    </section>

    <div class="main-wrapper">
        <div class="row">
            <div class="col">
        <div class="card">

            <div class="card-body">
                <div class="row">
                    @include('supplier_releases.tabla_mrp')
                </div>
            </div>

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


@push('page_scripts')
    <script src=" {{ asset('assets') }}/js/mindmup-editabletable.js"></script>
    
    
    <script>
        $(document).ready(function() {
            var table = $('#mp_mrp').DataTable({
                    "pageLength": 25
                });

                var sidebar_hegith = $('.page-sidebar').width();
                var main_height = $('.main-wrapper').width();

                // $('.main-wrapper').css('width', `${main_height - (sidebar_hegith + 100)}px`);
                $('.main-wrapper').css('width', 'auto');
                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`);
                        $('.main-wrapper').css('width', 'auto');
                    } else {
                        $('.page-sidebar').addClass('open');
                        $('.main-wrapper').css('width', `100%`);
                        console.log('entra 2');
                    }
                });
        });
    </script>


@endpush