@extends('layouts.admin')
@section('content')
    <input type="hidden" id="student_id" value="{{ $student->id }}">
    <div class="row pb-3">
        <div class="col-8">
            <i class="fa-solid fa-list-ul"></i> <font class="titulo">Responsáveis do aluno : </font>
            <font class="subtitulo">{{ $student->name }}</font>
        </div>
        <div class="col-4">
            <div class="botao-float-right" style="text-align: right;">
                @include('_partials.faq')
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header card-green01">
            @can('alunos:incluir')
                <form action="{{ route('admin.students.responsibles.store', $student->id) }}" method="POST">
                    @csrf
                    <div class="row">
                        <div class="col-12 col-lg-4 col-sm-3 col-md-3">
                            <div class="form-group {{ $errors->has('name') ? 'has-error' : '' }}">
                                <label for="name">
                                    {{ trans('cruds.responsible.fields.name') }}*
                                </label>
                                <input type="text" id="name" name="name" class="form-control"
                                    value="{{ old('name', isset($responsible) ? $responsible->name : '') }}">
                                @if ($errors->has('name'))
                                    <em class="invalid-feedback" style="color:rgb(255, 251, 0);">
                                        {{ $errors->first('name') }}
                                    </em>
                                @endif
                                <p class="helper-block">
                                    {{ trans('cruds.responsible.fields.name_helper') }}
                                </p>
                            </div>
                        </div>
                        <div class="col-12 col-lg-2 col-sm-2">
                            <div class="form-group {{ $errors->has('kinship') ? 'has-error' : '' }}">
                                <label for="kinship">Parentesco*</label>
                                <select name="kinship" class="form-control select2" autofocus>
                                    <option value="" selected disabled>-- Selecione --</option>
                                    <option {{ ($responsible->kinship ?? old('kinship')) == 'Avô' ? 'selected' : '' }} value="Avô">Avô</option>
                                    <option {{ ($responsible->kinship ?? old('kinship')) == 'Avó' ? 'selected' : '' }} value="Avó">Avó</option>
                                    <option {{ ($responsible->kinship ?? old('kinship')) == 'Mãe' ? 'selected' : '' }} value="Mãe">Mãe</option>
                                    <option {{ ($responsible->kinship ?? old('kinship')) == 'Pai' ? 'selected' : '' }} value="Pai">Pai</option>
                                    <option {{ ($responsible->kinship ?? old('kinship')) == 'Outro' ? 'selected' : '' }} value="Outro">Outro</option>
                                </select>
                                @if ($errors->has('kinship'))
                                    <em class="invalid-feedback" style="color:rgb(255, 251, 0);">
                                        {{ $errors->first('kinship') }}
                                    </em>
                                @endif
                                <p class="helper-block">
                                    {{ trans('cruds.responsible.fields.kinship_helper') }}
                                </p>
                            </div>
                        </div>
                        <div class="col-12 col-lg-2 col-sm-2">
                            <div class="form-group {{ $errors->has('cpf') ? 'has-error' : '' }}">
                                <label for="cpf">
                                    {{ trans('cruds.responsible.fields.cpf') }}
                                </label>
                                <input type="text" id="cpf" name="cpf" class="form-control"
                                    value="{{ old('cpf', isset($responsible) ? $responsible->cpf : '') }}" autofocus>
                                @if ($errors->has('cpf'))
                                    <em class="invalid-feedback" style="color:rgb(255, 251, 0);">
                                        {{ $errors->first('cpf') }}
                                    </em>
                                @endif
                                <p class="helper-block">
                                    {{ trans('cruds.responsible.fields.cpf_helper') }}
                                </p>
                            </div>
                        </div>
                        <div class="col-12 col-lg-2 col-sm-2">
                            <div class="form-group {{ $errors->has('cellphone') ? 'has-error' : '' }}">
                                <label for="cellphone">
                                    {{ trans('cruds.responsible.fields.cellphone') }}*
                                </label>
                                <input maxlength="14" type="text" id="cellphone" name="cellphone" class="form-control"
                                    value="{{ old('cellphone', isset($responsible) ? $responsible->cellphone : '') }}">
                                @if ($errors->has('cellphone'))
                                    <em class="invalid-feedback" style="color:rgb(255, 251, 0);">
                                        {{ $errors->first('cellphone') }}
                                    </em>
                                @endif
                                <p class="helper-block">
                                    {{ trans('cruds.responsible.fields.cellphone_helper') }}
                                </p>
                            </div>
                        </div>
                        <div class="col-12 col-lg-2 col-sm-3 col-md-3">
                            <div style="padding-top:8px;">&nbsp;</div>
                            <button id="enviar" type="submit" class="btn btn-block btn-warning"><i class="fa fa-check-square"
                                    aria-hidden="true"></i> Incluir</button>
                        </div>
                        {{-- <div class="col-12 col-lg-1 col-sm-1">
                            <div style="padding-top:8px;">&nbsp;</div>
                            <button type="submit" class="btn btn-block btn-success">Enviar</button>
                        </div> --}}
                    </div>
                </form>
            @endcan
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped table-hover datatable datatable-responsible">
                    <thead>
                        <tr>
                            <th>Nome</th>
                            <th width="90">CPF</th>
                            <th width="100">Parentesco</th>
                            <th width="100">Celular</th>
                            <th width="65" style="text-align: center;">Ações</th>
                        </tr>
                    </thead>
                </table>
            </div>
            <div>
                <a href="{{ route('admin.students.index') }}" class="btn btn-sm btn-secondary  "><i
                        class="fas fa-undo-alt"></i> Voltar</a>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    @parent
    <script>
        $.fn.dataTable.ext.classes.sPageButton = '';
        $(function() {
            let student_id = $('#student_id').val();
            let visible_sadmin = false;
            let superadmin = "{{ auth()->user()->isSuperAdmin() }}";
            if (superadmin)
                visible_sadmin = true;

            let table = $('.datatable-responsible').DataTable({
                language: {
                    "url": "//cdn.datatables.net/plug-ins/1.10.25/i18n/Portuguese-Brasil.json"
                },
                order: [
                    [0, 'asc']
                ],
                responsive: true,
                processing: true,
                serverSide: true,
                ajax: {
                    "url": "{{ route('admin.students.responsibles.load') }}",
                    "data": {
                        student_id: student_id,
                    }
                },
                columnDefs: [
                    // { targets: [0], visible: visible_sadmin, },
                ],
                columns: [
                    {
                        data: "name",
                        name: "name",
                    },
                    {
                        data: "cpf",
                        name: "cpf",
                        orderable: false,
                        searchable: false,
                    },
                    {
                        data: "kinship",
                        name: "kinship",
                    },
                    {
                        data: "cellphone",
                        name: "cellphone",
                        orderable: false,
                        searchable: false,
                    },
                    {
                        data: "action",
                        name: "action",
                        orderable: false,
                        searchable: false,
                        className: 'text-center',
                    }
                ]
            });
        });
    </script>

    <script type="text/javascript">
        $("input[id*='cpf']").inputmask({
            mask: '999.999.999-99',
            keepStatic: true
        });

        var cellphone = document.getElementById("cellphone");
        var im = new Inputmask("(99)99999-9999");
        im.mask(cellphone);
    </script>
@endsection