@extends('layouts.app')
@push('style')  
    <!-- link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/fixedheader/3.2.3/css/fixedHeader.dataTables.min.css" -->
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/datetime/1.2.0/css/dataTables.dateTime.min.css"> 

    
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />    
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/2.0.8/css/dataTables.dataTables.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/3.0.2/css/buttons.dataTables.css" />
    
    <link rel="stylesheet" type="text/css" href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css"/>
    <style>
        #tableVariations.dataTable td , #tableVariations.dataTable th {
            text-align: center;
        }
      </style>
  
@endpush

@section('content')
@include('components.modalalert')
<div class="container-fluid my-1  bg-light border shadow-lg rounded-3">
    <div class="row flex-nowrap p-2" id="2nd-row">
        @include('product.components.leftpanel')
        <div class="col-md-10 flex-grow-1 " id="rightPanel">
            <div class="  d-flex navbar-item">
                        
                @include('product.components.navbar')     
            </div>    
            <div class="row px-2 pb-0   rounded-3 border shadow-lg">
                <div class="text-dark px-0">
                        <div id="info-message" class="mr-4 alert alert-danger 
                            @if (session('error')) 
                                    " >{{session('error')}}  
                            @else  
                                    d-none"> 
                            @endif  
                        </div>
                </div>
                <div id="ProductPanel" class="flex-row px-2 pb-2  justify-content-between">                                
                    <div class="row mb-auto">
                    @include('product.components.simpleproductform')    
                    </div>    
                </div>            
            </div>
        </div>
    </div>
</div>





@endsection