@extends('layouts.adminapp')
@section('content')
@section('head',__('lng.Dairy'))
<div class="container-fluid">       
    
    <!-- ============================================================== -->
    <!-- Start Page Content -->
    <!-- ============================================================== -->
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="card-body">
                                <h4 class="card-title m-t-10">{{__('lng.Vehicle')}}</h4>
                                <hr> 
                                <div class="row">
                                    <div class="col-md-12 col-sm-12 col-xs-12">
                                        <div id="calendar-events" class="">
                                            @foreach($Vehicles as $Vehicle)
                                            <div class="calendar-events" ><b>{{$Vehicle->vehicletype->title??''}}</b></div>
                                            <div class="calendar-events" >
                                                
                                                <i class="fa fa-circle" style="color: #{{ \PBFunc::random_color() }}"></i> {{ $Vehicle->title }}
                                                
                                        </div>
                                        @endforeach
                                        </div>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-9">
                            <div class="card-body b-l calender-sidebar">
                                <div id="calendar"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- BEGIN MODAL -->
    <!--<div class="modal none-border" id="my-event">-->
    <!--    <div class="modal-dialog">-->
    <!--        <div class="modal-content">-->
    <!--            <div class="modal-header">-->
    <!--                <h4 class="modal-title"><strong>Add Event</strong></h4>-->
    <!--                <button type="button" class="close" data-dismiss="modal"-->
    <!--                    aria-hidden="true">&times;</button>-->
    <!--            </div>-->
    <!--            <div class="modal-body"></div>-->
    <!--            <div class="modal-footer">-->
    <!--                <button type="button" class="btn btn-white waves-effect"-->
    <!--                    data-dismiss="modal">Close</button>-->
    <!--                <button type="button" class="btn btn-success save-event waves-effect waves-light">Create-->
    <!--                    event</button>-->
    <!--                <button type="button" class="btn btn-danger delete-event waves-effect waves-light"-->
    <!--                    data-dismiss="modal">Delete</button>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</div>-->
    <!-- Modal Add Category -->
    {{-- <div class="modal fade none-border" id="add-new-event">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title"><strong>Add</strong> a category</h4>
                    <button type="button" class="close" data-dismiss="modal"
                        aria-hidden="true">&times;</button>
                </div>
                <div class="modal-body">
                    <form role="form">
                        <div class="row">
                            <div class="col-md-6">
                                <label class="control-label">Category Name</label>
                                <input class="form-control form-white" placeholder="Enter name" type="text"
                                    name="category-name" />
                            </div>
                            <div class="col-md-6">
                                <label class="control-label">Choose Category Color</label>
                                <select class="form-control form-white" data-placeholder="Choose a color..."
                                    name="category-color">
                                    <option value="success">Success</option>
                                    <option value="danger">Danger</option>
                                    <option value="info">Info</option>
                                    <option value="primary">Primary</option>
                                    <option value="warning">Warning</option>
                                    <option value="inverse">Inverse</option>
                                </select>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger waves-effect waves-light save-category"
                        data-dismiss="modal">Save</button>
                    <button type="button" class="btn btn-white waves-effect"
                        data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div> --}}
    <!-- END MODAL -->
    <!-- ============================================================== -->
    <!-- End PAge Content -->
    <!-- ============================================================== -->
    <!-- ============================================================== -->
    <!-- Right sidebar -->
    <!-- ============================================================== -->
    
</div>
               
</div>

<script>
public function random_color_part() {
    return str_pad( dechex( mt_rand( 0, 255 ) ), 2, '0', STR_PAD_LEFT);
}

public function random_color() {
    return random_color_part() . random_color_part() . random_color_part();
}

echo random_color();
</script>

@endsection