@extends('layouts.master')
@section('title', 'İşletmelerde Beceri Eğitimi Evrak İşlemleri')

@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        @include('imepages.menu')
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item active">Evraklar</li>
                        </ol>
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->

        <!-- Main content -->
        <section class="content">
        @include('imepages.evraktabs')
@include('imepages.evrakkontrolmodal')
            <div class="modal" id="kodModal">
                <div class="modal-dialog modal-md modal-dialog-scrollable">
                    <div class="modal-content">

                        <!-- Modal Header -->
                        <div class="modal-header bg-info text-white">
                            <h5 class="modal-title">Evrak Onay Kodu</h5>
                            <button type="button" class="close text-white" data-dismiss="modal">&times;</button>
                        </div>


                        <div class="modal-body text-center text-danger" id="body">

                            <h1 style="font-size:60px;font-weight:bold;" class="fw-bold" id="kod"></h1>

                        </div>


                        <div class="modal-footer">

                            <button type="button" class="btn btn-danger" data-dismiss="modal">Kapat</button>
                        </div>


                    </div>


                </div>
            </div>
            <div class="modal" id="deleteModal">
                <div class="modal-dialog modal-md modal-dialog-scrollable">
                    <div class="modal-content">

                        <!-- Modal Header -->
                        <div class="modal-header bg-danger text-white">
                            <h5 class="modal-title">Evrak Sil</h5>
                            <button type="button" class="close text-white" data-dismiss="modal">&times;</button>
                        </div>


                        <div class="modal-body" id="body">

                            <p>Seçmiş olduğunuz evrak kaydı silinecektir! Onaylıyormusunuz?</p>

                        </div>


                        <div class="modal-footer">
                            <form method="POST" action="{{ route('evrakOgretmenDelete') }}">
                                @csrf
                                <input type="hidden" name="id" id="delete_id" />
                                <button id="deleteBtn" type="submit" class="btn btn-primary">Sil</button>
                            </form>
                            <button type="button" class="btn btn-danger" data-dismiss="modal">Kapat</button>
                        </div>


                    </div>


                </div>
            </div>
          


        </section>

        <!-- /.content -->
    </div>

@endsection
@section('js')
<script>
    $(function() {
        $('.kod-click').click(function() {
            kod = $(this)[0].getAttribute('kod');
            $('#kod').text(kod);
            $('#kodModal').modal('show');
        });
    });
</script>
<script>
    $(function() {
        $('.kontrol-click').click(function() {

            $('#kontrolModal').modal('show');
        });
    });
</script>
    <script>
        $(function() {
            $('.delete-click').click(function() {
                id = $(this)[0].getAttribute('id');

                $('#delete_id').val(id);
                $('#deleteModal').modal('show');

            });
        });
    </script>


    <!-- DataTables  & Plugins -->
  <!-- DataTables  & Plugins -->
<script src="{{asset('back')}}/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
<script src="{{asset('back')}}/plugins/jszip/jszip.min.js"></script>
<script src="{{asset('back')}}/plugins/pdfmake/pdfmake.min.js"></script>
<script src="{{asset('back')}}/plugins/pdfmake/vfs_fonts.js"></script>
<script src="{{asset('back')}}/plugins/datatables-buttons/js/buttons.html5.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-buttons/js/buttons.print.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-buttons/js/buttons.colVis.min.js"></script>


<!-- Page specific script -->

@include('sinavpages.tablesinav')
<!-- Select2 -->
<script src="{{asset('back')}}/plugins/select2/js/select2.full.min.js"></script>
<!-- Page specific script -->
<script>
   $(function () {
    //Initialize Select2 Elements
    $('.select2').select2()

    //Initialize Select2 Elements
    $('.select2bs4').select2({
      theme: 'bootstrap4'
    })
  })
</script>


@endsection
@section('css')
    <!-- DataTables -->
    <link rel="stylesheet" href="{{asset('back')}}/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" href="{{asset('back')}}/plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
    <link rel="stylesheet" href="{{asset('back')}}/plugins/datatables-buttons/css/buttons.bootstrap4.min.css">
     <!-- Select2 -->
  <link rel="stylesheet" href="{{asset('back')}}/plugins/select2/css/select2.min.css">
  <link rel="stylesheet" href="{{asset('back')}}/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
@endsection