@extends('layouts.backend')
@section('extraCss')

<style type="text/css">    

    table.dataTable {    
      margin-top: 0px !important; 
      margin-bottom: 0px !important;
    }

    .fieldset{
        padding: 1rem !important;
        border : 2px dashed #d0d7dd !important; 
        
    }

    table.dataTable tr.odd { background-color: rgb(240, 241, 243);  }
    table.dataTable tr.even{ background-color: white;  }

</style>

@endsection
@section('mainContentArea')
    <div class="card card-default">
        <div class="card-header">
            <h4>Daily Task List</h4>      
            <a href="{{ route('TaskManager.create') }}" class="btn btn-info float-right btn-sm" ><i class="fa fas fa-plus"></i> Assign Task </a>  
              
        </div>
        <div class="card-body">
      
            <div class="alert alert-default " >  
                <form action="{{ route('TaskManager.index') }}" >
                    <fieldset class="fieldset">
                    <legend  style="width:auto !important;color:#97b5d3;"> Filter </legend> 
                        <div class="row">
                            <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                                <label class="d-block" id="sdate"><b> From Date </b></label>
                                <input type="text" name="fromdate" id="fromdate"  class="form-control datepicker" placeholder="Enter From date" value="