@extends('layouts.app')

@section('styles')

@endsection

@section('content')

<!-- PAGE-HEADER -->
<div class="page-header">
    <h1 class="page-title">Patient Story</h1>
    <div>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0)">Dashboard</a></li>
            <li class="breadcrumb-item active"><a href="javascript:void(0)">Patient Story</a></li>

        </ol>
    </div>
</div>
<!-- PAGE-HEADER END -->



<!-- Row -->

<div class="row row-sm">
    <div class="col-lg-12">
        <div class="card">

            <div class="card-header">
                <h3 class="card-title">View Patient Story</h3>
                <a class="btn btn-primary  btn-sm btn-right" href="{{ route('back.patientstory.create') }}"><i class="fa fa-plus"></i> {{ __('Add') }}</a>
            </div>
            <div class="card-body">
            @include('alerts.alerts')
                <div class="table-responsive">
                    <table class="table table-bordered text-nowrap border-bottom dataTable no-footer " style="width: 100% !important;">
                        <thead class="text-center">
                        <tr>
                            <th>{{ __('Sl.No') }}</th>
                        <th width="30%">{{ __('Name') }}</th>
                            <th>{{ __('Age') }}</th>
							<th>{{ __('Diagnosis Name') }}</th>
							
							<th>{{ __('Actions') }}</th>
						</tr>
                            </tr>
                        </thead>
                        <tbody>
                            @include('back.patientstory.table',compact('datas'))
                        </tbody>
                    </table>

                    <div class="col-sm-12 col-md-12">
                        
                        {{ $datas->links() }}
                    </div>
                </div>
            </div>


        </div>

    </div>
</div>

<!-- End Row -->

<!-- Modal -->



<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="confirm-deleteModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">

            <!-- Modal Header -->
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">{{ __('Confirm Delete?') }}</h5>
                <button class="btn-close text-danger" data-bs-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">×</span>
                                            </button>
            </div>

            <!-- Modal Body -->
            <div class="modal-body">
            {{ __('You are going to delete this story. All contents related with this story will be lost.') }} {{ __('Do you want to delete it?') }}
            </div>

            <!-- Modal footer -->
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('Cancel') }}</button>
                <form action="" class="d-inline btn-ok" method="POST">

                    @csrf

                    @method('DELETE')

                    <button type="submit" class="btn btn-danger">{{ __('Delete') }}</button>

                </form>
            </div>

        </div>
    </div>
</div>




@endsection
@section('scripts')
{{-- ################################Jquery Datatable########################### --}}
{{-- <script src="{{asset('assets/jquery-datatable/jquery.min.js')}}"></script> --}}
<link rel="stylesheet" type="text/css" href="{{asset('assets/jquery-datatable/jquery.dataTables.css?v3')}}">
<script src="{{asset('assets/jquery-datatable/jquery.dataTables.js')}}"></script>
{{-- ########################################################################## --}}
<script>
   

    

    

   
</script>
@endsection