@extends('layouts.app')

@section('stitle', 'Easy Entries')
@section('title', 'Easy Entries')

@section('content')
    <div class="app-content content ">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper container-xxl p-0">

            @if(session()->get('title') == "success")
                <div class="alert alert-success" role="alert">
                    <h4 class="alert-heading">Success</h4>
                    <div class="alert-body">
                        {{ session()->get('message') }}
                    </div>
                </div>
            @elseif (session()->get('title') == "error")
                <div class="alert alert-danger" role="alert">
                    <h4 class="alert-heading">Success</h4>
                    <div class="alert-body">
                        {{ session()->get('message') }}
                    </div>
                </div>
            @endif
            <div class="content-header row">
                <div class="content-header-left col-md-6 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">@yield('title')</h2>
                        </div>
                    </div>
                </div>
                <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
                    @include('easy_entries.easy_entry_menu')
                </div>
            </div>
            <div class="content-body">

                <!-- Table Hover Animation start -->
                <div class="row" id="table-hover-animation">
                    <div class="col-12">
                        <div class="card">
                            {{-- <div class="card-header">
                                <h4 class="card-title">Table Hover Animation</h4>
                            </div> --}}

                            <div class="table-responsive">
                                <table class="invoice-list-table table">
                                    <thead>
                                    <tr>
                                        <th>From</th>
                                        <th>To</th>
                                        <th>Description</th>
                                        <th>Date</th>
                                        <th>Sum Credit/Debit</th>
                                        <th>Actions</th>
                                    </tr>
                                    </thead>
                                    <tbody>
{{--                                    @foreach($data as $combos)--}}
{{--                                        <tr>--}}

{{--                                            <td>--}}
{{--                                                {{$combos->name}}--}}
{{--                                            </td>--}}
{{--                                            <td>{{$combos->sku}}</td>--}}
{{--                                            <td>--}}
{{--                                                {{$combos->cat_name}}--}}
{{--                                            </td>--}}
{{--                                            @if ($combos->status =='1')--}}
{{--                                                <td><span class="badge badge-glow badge-info ">Active</span></td>--}}
{{--                                            @else--}}
{{--                                                <td><span class="badge badge-glow badge-danger">Deactive</span></td>--}}
{{--                                            @endif--}}
{{--                                            <td>--}}
{{--                                                <a class="mr-1" href="{{ route('easy_entrie.edit', $combos->id) }}"   data-placement="top" title="" data-original-title="Edit">--}}
{{--                                                    <i data-feather='edit' class="text-secondary" data-toggle="modal" data-target="#edit_branch"></i>--}}
{{--                                                </a>--}}
{{--                                                <a class="mr-1" href="{{ route('easy_entrie.view', $combos->id) }}" data-toggle="tooltip" data-placement="top" title="" data-original-title="View">--}}
{{--                                                    <i data-feather='eye' class="text-secondary"></i>--}}
{{--                                                </a>--}}
{{--                                                <a id="{{ $combos->id }}" class="mr-1 del_btn" href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete">--}}
{{--                                                    <i data-feather="trash" class="text-secondary"></i>--}}
{{--                                                </a>--}}
{{--                                            </td>--}}
{{--                                        </tr>--}}
{{--                                    @endforeach--}}
                                    </tbody>
                                </table>
                            </div>
                            <div class="card-footer">
                                <!-- Separated Pagination starts -->
                                <nav aria-label="Page navigation example">
                                    <ul class="pagination justify-content-end mt-2">
{{--                                        {{$data->links()}}--}}
                                    </ul>
                                </nav>
                                <!-- Separated Pagination ends -->
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Table head options end -->

            </div>
        </div>
        <div class="modal-size-sm d-inline-block">
            <!-- Modal -->
            <div class="modal fade text-left" id="selectEasyEntries" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
                    <div class="modal-content">
                        <form class="purchasing_select$easy_entrie" action="{{ route('easy_entry.create') }}" method="POST">
                            @csrf
                            <div class="modal-header">
                                <h4 class="modal-title" id="myModalLabel17">New @yield('stitle')</h4>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="form-group">
                                            <label>Select Easy Entries:</label>
                                            <select class="select2 form-control form-control-lg" name="easy_entrie" required>
                                                <option  selected>Select Easy Entries</option>
                                                @foreach($easyEntrie as $easy_entrie)
                                                    <option value="{{$easy_entrie->id}}">{{$easy_entrie->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-primary" >Submit</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal-size-sm d-inline-block">
            <!-- Modal -->
            <div class="modal fade text-left" id="filter" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                    <div class="modal-content">
                        <form class="dt_adv_search" method="POST">
                            <div class="modal-header">
                                <h4 class="modal-title" id="myModalLabel17">Filter</h4>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">

                                <div class="row">
                                        <div class="col-md-6 col-12" >
                                            <div class="form-group" >
                                                <label for="opening">From</label>
                                                <input type="date" id=from" class="form-control pickadate" placeholder="From" name="from"  />
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="closing">To</label>
                                                <input type="date" id="to" class="form-control pickadate" placeholder="To" name="to"/>
                                            </div>
                                        </div>

                                </div>

                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-primary" data-dismiss="modal">Accept</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection