@extends('layouts.app_contacts')
@section('title', __('new.Show_contact_statement'))

@section('content')

    <section class="content-header">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb breadcrumb-style1">
                <li class="breadcrumb-item">
                    <a href="#">{{__('home.home')}}</a>
                </li>
                <li class="breadcrumb-item">
                    <a href="#">{{__('contact.contacts')}}</a>
                </li>
                <li class="breadcrumb-item active">  {{__('new.Show_contact_statement')}}</li>
            </ol>
        </nav>
    </section>
<!-- Main content -->
<section class="content">
    <div class="card">
        <div class="divider">
            <div class="divider-text">{{__('new.select_contact_to_show_statement')}}</div>
        </div>
        <div class="col-sm-4 center-block">
            <div class="form-floating form-floating-outline">
                <select id="contact_id" class="select2 form-select form-select-lg"  >
                    <option>{{__('messages.please_select')}}</option>
                    @foreach($contacts as $contact)
                        <option value="{{$contact->id}}">{{$contact->first_name}}</option>
                    @endforeach
                </select>
                <label for="contact_id">{{__('contact.contacts')}}</label>
            </div>
         </div>
        <div class="clearfix mt-9" ></div>
    </div>
</section>
<!-- /.content -->

@endsection

@section('javascript')

    <script>
        $('#contact_id').change( function() {
            if ($(this).val()) {
                window.location = "{{url('/contacts')}}/" + $(this).val();
            }
        });
    </script>

@stop