@extends('layouts.app')

@section('title', 'Consultor')

@section('content')
<div class="page home">
    <div class="container">
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <div class="login-wrapper">
                    <a class="badge badge-secondary bgcolorOrange" href="{{route('shops.members.index', [$shop->id])}}">
                        <i class="fa fa-arrow-right"></i> Regresar</a>
                    <div class="row col mt-2">
                        <form action="{{ url('consultants/shops/'.$shop->id.'/members/create') }}"
                            class="form-inline mb-2" method="get">
                            <input type="text" name="word" id="word" class="form-control" placeholder="Documento">&nbsp;
                            <button type="submit" class="btn btn-pink"><i class="fa fa-search"></i></button>
                        </form>
                    </div>
                    <small>* Por favor realiza la búsqueda del miembro, para poder asignarlo o en su defecto
                        crearlo.</small>
                    @if($search)
                    <h1 class="legend text-center mt-4">
                        {{$data['title']}} miembro
                    </h1>
                    <div class="row col-md-12 d-flex justify-content-center">
                        <div class="alert alert-warning">{{$data['message']}}</div>
                    </div>
                    @if(!is_null($member))
                    <div class="col-md-12 add-member mb-2 d-flex justify-content-center"><i
                            class="fa fa-hand-point-right"></i>&nbsp;<b>{{ucwords($member->name).'
                            '.ucwords($member->surname)}} - {{$member->document}}</b></div>
                    <button type="button" class="btn btn-submit btn-pink"
                        onclick="window.location='{{ route('consultant.shop.add-member', [$shop->id, $member->id]) }}'">Agregar
                        Miembro</button>
                    @else
                    <form name="shop-member" action="{{route('shops.members.store', [$shop])}}" method="post"
                        class="form-common">
                        @csrf
                        <div class="form-group row">
                            <div class="col-md-6">
                                <label for="document_type_id">Tipo Documento: <span>*</span></label>
                                <select class="form-control" id="document_type_id" name="document_type_id" required>
                                    <option></option>
                                    @foreach($documents_types as $document_type)
                                    <option @if(old('document_type_id')==$document_type->id) {{'selected'}} @endif
                                        value="{{$document_type->id}}">{{ucwords($document_type->name)}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('document_type_id'))
                                <small class="error text-danger">{{ $errors->first('document_type_id') }}</small>
                                @endif
                            </div>
                            <div class="col-md-6">
                                <label for="document">Documento: <span>*</span></label>
                                <input type="number" id="document" name="document" class="form-control" required
                                    value="{{ old('document') }}">
                                @if ($errors->has('document'))
                                <small class="error text-danger">{{ $errors->first('document') }}</small>
                                @endif
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-md-6">
                                <label for="name">Nombre: <span>*</span></label>
                                <input type="text" id="name" name="name" class="form-control" required
                                    value="{{ old('name') }}">
                                @if ($errors->has('name'))
                                <small class="error text-danger">{{ $errors->first('name') }}</small>
                                @endif
                            </div>
                            <div class="col-md-6">
                                <label for="surname">Apellido: <span>*</span></label>
                                <input type="text" id="surname" name="surname" class="form-control" required
                                    value="{{ old('surname') }}">
                                @if ($errors->has('surname'))
                                <small class="error text-danger">{{ $errors->first('surname') }}</small>
                                @endif
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-md-4">
                                <label for="email">Correo: <span>*</span></label>
                                <input type="email" id="email" name="email" class="form-control" required
                                    value="{{ old('email') }}">
                                @if ($errors->has('email'))
                                <small class="error text-danger">{{ $errors->first('email') }}</small>
                                @endif
                            </div>
                            <div class="col-md-4">
                                <label for="phone">Teléfono: <span>*</span></label>
                                <input type="number" id="phone" name="phone" class="form-control" required
                                    value="{{ old('phone') }}">
                                @if ($errors->has('phone'))
                                <small class="error text-danger">{{ $errors->first('phone') }}</small>
                                @endif
                            </div>
                            <div class="col-md-4">
                                <label for="charge">Cargo:</label>
                                <select class="form-control" id="charge" name="charge" required>
                                    <option></option>
                                    @foreach($charges as $charge)
                                    <option @if(old('charge')==$charge->id) selected @endif
                                        value="{{$charge->id}}">{{ucwords($charge->name)}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('charge'))
                                <small class="error text-danger">{{ $errors->first('charge') }}</small>
                                @endif
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12 text-center">
                                <button class="btn btn-submit btn-pink" type="submit">Crear Miembro</button>
                            </div>
                        </div>
                    </form>
                    @endif
                    @endif
                </div>
            </div>
            <div class="col-md-1"></div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script type="text/javascript">
    @if (session('info'))
  swal.fire({
    title: '¡Algo ha ocurrido!',
    text: '{{session('info')}}',
    icon: 'info',
    confirmButtonText: 'Continuar'
})
  @endif
</script>
@stop