@extends('layouts.master')
 
@section('title', 'اعلام بار جدید')

@section('page-title', 'اعلام بار')

@section('body-class', '')
 
@section('header_tags')
    <style>
        .selectbox{
            display: flex;
            justify-content: space-evenly;
        }
        .selectbox li{
            width: 120px;
            height: 120px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 4px solid #cfcfcf;
            border-radius: 7px;
            cursor: pointer;
            flex-flow: column;
        }

        .selectbox li.selected{
            border: 4px solid #049d68;
            color: #049d68;
            font-weight:bold;
            
        }

        .esection li.selected{
            color: #ff002d;
            font-weight:bold;
            
        }
        .hidden {display: none !important;}
        .visible {display: block !important;}
        .btitle {color:#ff002d;font-weight: bold;}
    </style>
    <!-- Select2 -->
	<link rel="stylesheet" href="/vendors/select2/css/select2.min.css" type="text/css">

	<!-- Range slider -->
	<link rel="stylesheet" href="/vendors/range-slider/css/ion.rangeSlider.min.css" type="text/css">

    <link href="https://static.neshan.org/sdk/leaflet/1.3.3/leaflet.css" rel="stylesheet" type="text/css">
    <script src="https://static.neshan.org/sdk/leaflet/1.3.3/leaflet.js" type="text/javascript"></script>

    <!-- Datepicker -->
	<link rel="stylesheet" href="/vendors/datepicker-jalali/bootstrap-datepicker.min.css">
	<link rel="stylesheet" href="/vendors/datepicker/daterangepicker.css">
    
@stop

@section('footer_tags')
    <!-- Select2 -->
	<script src="/vendors/select2/js/select2.min.js"></script>

    <!-- Range slider -->
	<script src="/vendors/range-slider/js/ion.rangeSlider.min.js"></script>

    <!-- Input mask -->
	<script src="/vendors/input-mask/jquery.mask.js"></script>

    <!-- Datepicker -->
	<script src="/vendors/datepicker-jalali/bootstrap-datepicker.min.js"></script>
	<script src="/vendors/datepicker-jalali/bootstrap-datepicker.fa.min.js"></script>
	<script src="/vendors/datepicker/daterangepicker.js"></script>


@stop

@section('content')
    @livewire('new-commodity')
@stop