@extends('layouts.admin.app')
@section('tablecss')
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.css">
<style>
    .link {
  text-decoration: underline !important;
  cursor: pointer !important;
}
</style>
@endsection
@section('content')
<main role="main" class="main-content">
    <div class="container-fluid">
        <div class="row justify-content-center">

            <div class="col-12">
                <div class="mb-2 align-items-center">
                    <div class="card shadow mb-4">
                        <div class="card-body">
                            <div class=" mt-1 align-items-center">


                                <form class="text-center justify-center" action="{{route('admin.mobile')}}" method="post">
                                    @csrf
                                    <input type="search" name="id" id="id" class="form-control" placeholder="Enter Applicant ID">
                                    <br>
                                    <input type="submit" value="Submit" class="btn btn-primary float-right">
                                </form>

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

            </div>

            @isset($datas)
            <div class="col-12">
                <div class="mb-2 align-items-center">
                    <div class="card shadow mb-4">
                        <div class="card-body">
                            <div class="align-items-center">
                                <br>
                                <br>
                                <br>
                                <div class="col-12">
                                    <div class="mb-2 align-items-center">
                                        <div class="card shadow mb-4">
                                            <div class="card-body">

                                                <div class="align-items-center table-responsive">
                                                    <table class="table display" id="table">
                                                        <thead>
                                                            <tr>
                                                                <th>Applicant ID</th>
                                                                <th>Name</th>
                                                                <th>Mobile Number</th>

                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <form action="{{route('admin.mobile.update')}}" method="post">
                                                                @csrf
                                                                <tr>
                                                                    <td><input type="text" readonly name="applicant-id" class="form-control" id="" value="{{$datas->applicant_id}}"></td>
                                                                    <td><input type="text" readonly name="applicant-name" class="form-control" id="" value="{{$datas->name}}"></td>
                                                                    <td><input type="text" name="applicant-mobile" class="form-control" id="" value="{{$datas->mobile}}"></td>
                                                                </tr>
                                                                <tr>
                                                                    <td colspan="3" class="text-center"><input type="submit" value="Submit" class="btn btn-primary"></td>
                                                                </tr>
                                                            </form>

                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endisset
        </div>
    </div>
</main>
@endsection


@section('scripts')
<script src="//unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script>
    if ('{{ isset($data) && !count($data) }}') {
        swal({
            title: "No Applicant Found",
            icon: "error",
            dangerMode: true
        })
    }
</script>

<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.js"></script>

@endsection