@extends('plantilla')

@section('container')
    <div class="portlet box red" xmlns="http://www.w3.org/1999/html">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-cogs"></i>Pacientes </div>
            <div class="actions">
                <a href="/pacientes/nuevo" class="btn btn-default btn-sm">
                    <i class="fa fa-plus"></i> Agregar </a>
            </div>
        </div>
        <div class="portlet-body">
            <form id="form_sample_2" class="form-horizontal">
                <div class="form-body">
                    <div class="form-group">
                        <div class="col-md-2">
                            <label>Busqueda</label>
                        </div>
                        <div class="col-md-2">
                            <input type="text" placeholder="Nombre" id="nombre" ng-model="model.nombre" name="nombre" class="form-control">
                        </div>
                        <div class="col-md-2">
                            <input type="text" placeholder="Paterno" id="paterno" ng-model="model.paterno" name="paterno" class="form-control">
                        </div>
                        <div class="col-md-2">
                            <input type="text" placeholder="Materno" id="materno" ng-model="model.materno" name="materno" class="form-control">
                        </div>
                        <div class="col-md-2">
                            <input type="text" placeholder="Expediente" id="expediente" ng-model="model.expediente" name="expediente" class="form-control">
                        </div>
                        <div class="col-md-2">
                            <button type="submit" class="btn blue" ng-click="getPacientes()" >Buscar</button>
                        </div>
                    </div>
                </div>
            </form>

            <table class="table table-striped table-bordered table-hover table-checkable order-column" id="sample_1">
                <thead>
                <tr>
                    <th> ID </th>
                    <th> No Expediente </th>
                    <th> Nombre </th>
                    <th> Edad </th>
                    <th> Contacto </th>
                    <th> Direcci&oacute;n </th>
                    <th> Estatus </th>
                    <th> Acci&oacute;n </th>
                </tr>
                </thead>
                <tbody>
                <tr class="odd gradeX"  ng-repeat="paciente in pacientes">
                    <td> @{{paciente.idpaciente}} </td>
                    <td> @{{paciente.noexpediente}} </td>
                    <td> @{{paciente.nombre}} @{{paciente.appaterno}} @{{paciente.apmaterno}}</td>
                    <td> @{{paciente.idedad}} </td>
                    <td> Tel. @{{paciente.telefonom}} @{{paciente.telefonof}} <br /> @{{paciente.email}}</td>
                    <td> Calle. @{{paciente.domicilio}} @{{paciente.num_exterior}} @{{paciente.num_interior}} CP @{{paciente.cp}}</td>
                    <td> @{{paciente.activo}} </td>
                    <td>
                        <a class="btn btn-xs green" href="{{env("APP_URL")}}/pacientes/editar/@{{paciente.idpaciente}}" ><i class="fa fa-pencil"></i> Editar</a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
@endsection

@section('footer')
    <script>
        var bbapp = angular.module('bbapp', []);
        bbapp.controller('FundacionCtrl', function ($scope, $http, $httpParamSerializerJQLike, $location) {
            $scope.model = {};
            $scope.pacientes = [];

            $scope.getPacientes = function () {

                console.log($scope.model.nombre);
                console.log($scope.model.paterno);
                console.log($scope.model.materno);
                console.log($scope.model.expediente);
                var parametros = "a=1";
                if ($scope.model.nombre !== undefined && $scope.model.nombre.length>0)
                    parametros = parametros + '&nombre=' + $scope.model.nombre;
                if ($scope.model.paterno !== undefined && $scope.model.paterno.length>0)
                    parametros = parametros + '&paterno=' + $scope.model.paterno;
                if ($scope.model.materno !== undefined && $scope.model.materno.length>0)
                    parametros = parametros + '&materno=' + $scope.model.materno;
                if ($scope.model.expediente !== undefined && $scope.model.expediente.length>0)
                    parametros = parametros + '&expediente=' + $scope.model.expediente;

                $http({
                    method: 'GET',
                    url: '/api/pacientes?' + parametros
                }).then(function (response) {
                    console.log(response.data);
                    $scope.pacientes = response.data;
                    console.log("Termino");
                }, function (error) {
                    console.log("Entre 2");
                    console.log(error);
                });
            };

        });

    </script>
@endsection