@extends('layouts.admin')

@push('styles')

  <link rel="stylesheet" href="{{asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
  <link rel="stylesheet" href="{{asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
  <link rel="stylesheet" href="{{asset('plugins/datatables-buttons/css/buttons.bootstrap4.min.css')}}">
<style type="text/css">
	.btn_mt{
		margin-top: 31px;
	}

</style>


@endpush


@section('content')
    <!-- Main content -->
    <section class="content">
        <div class="container-fluid mt-4">
            <div class="row">
                <!-- left column -->
                <div class="col-md-12">
                    <!-- jquery validation -->
                    <div class="card card-info">
                        <div class="card-header">
                            <h3 class="card-title">Company Information Entry</h3>
                        </div>
                        <!-- /.card-header -->
                        <!-- form start -->



                        <form id="companySetup" method="POST" action="{{ route('company.store') }}">

                            @csrf

                            <div class="card-body">
                                <input type="hidden" name="id" value="{{ isset($data->id )?$data->id :'' }}">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="company_name">Company Name <span class="text-danger"> *
                                                </span></label>
                                            <input type="text" name="company_name" class="form-control" id="company_name"
                                                value="{{ isset($data->company_name)?$data->company_name : '' }}" placeholder="Enter Company Name">

                                            @error('company_name')
                                                <span class="error invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="outlet_name">Outlet Name </label>
                                            <input type="text" name="outlet_name" class="form-control" id="outlet_name"
                                                value="{{ isset($data->outlet_name)?$data->outlet_name : '' }}" placeholder="Enter Outlet Name">

                                            @error('outlet_name')
                                                <span class="error invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="address">Company Address </label>
                                            <input type="text" name="address" class="form-control" id="address"
                                                value="{{ isset($data->address)?$data->address : '' }}" placeholder="Enter Company Address">

                                            @error('address')
                                                <span class="error invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="contact_no">Contact Number </label>
                                            <input type="text" name="contact_no" class="form-control" id="contact_no"
                                                value="{{ isset($data->contact_no)?$data->contact_no : '' }}" placeholder="Enter Contact Number">

                                            @error('contact_no')
                                                <span class="error invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="slogan">Company Slogan </label>
                                            <input type="text" name="slogan" class="form-control" id="slogan"
                                                value="{{ isset($data->slogan)?$data->slogan : '' }}" placeholder="Enter Company Slogan">

                                            @error('slogan')
                                                <span class="error invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- /.card-body -->
                            <div class="card-footer">

                                <button type="submit" class="btn btn-info">Update</button>

                            </div>
                        </form>

                    </div>
                    <!-- /.card -->
                </div>
                <!--/.col (left) -->
                <!-- right column -->
                <div class="col-md-6">

                </div>
                <!--/.col (right) -->
            </div>
            <!-- /.row -->
        </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->

@endsection

@push('scripts')

<script src="{{asset('plugins/datatables/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
<script src="{{asset('plugins/datatables-responsive/js/dataTables.responsive.min.js')}}"></script>

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


<script>
    $('#company').hide();

    $('#edit_item').click(function(){
        $('#company').show();
    });

  $(function() {

            $("#example1").DataTable({
                "responsive": true,
                "lengthChange": false,
                "autoWidth": false,
                buttons: [{
                        extend: 'excel',
                        exportOptions: {
                            columns: [4, ':visible']
                        }
                    },
                    {
                        extend: 'pdf',
                        exportOptions: {
                            columns: [4, ':visible']
                        }
                    },
                    {
                        extend: 'print',
                        exportOptions: {
                            columns: [4, ':visible']
                        }
                    },
                    'colvis'
                ]

            }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');

            $('#example2').DataTable({
                "paging": true,
                "lengthChange": false,
                "searching": false,
                "ordering": true,
                "info": true,
                "autoWidth": false,
                "responsive": true,
            });

        });

</script>

@endpush