@extends('layouts.index')

@section('page_title')
    New Brokers
@endsection

@section('locations_active')
    nav-item active
@endsection

@section('brokers_active')
    nav-item active
@endsection

@section('pg_name')
    New Brokers List
@endsection

@section('headaddons')
    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
@endsection

@section('content')
    @if (count($errors) > 0)
        <div class="col-12" id="div__Error">
            @foreach ($errors->all() as $error)
                <div class="zoomIn col-12 alert alert-danger">
                    {{ $error }}
                </div>
            @endforeach
        </div>
    @endif

    @if (session('success'))
        <div class="col-12 alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    <div class="container">
        <form action="{{ route('brokers.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="form-group">
                <label for="brokername">Broker Name</label>
                <input type="text" class="form-control" name="brokername" id="brokername" required>
            </div>
            <div class="form-group">
                <label for="brokerimg">Broker Image</label>
                <input type="file" class="form-control" name="brokerimg" id="brokerimg">
            </div>
            <div class="form-group">
                <label for="brokerdetails">Broker Details</label>
                <textarea class="form-control" name="brokerdetails" id="brokerdetails" required></textarea>
            </div>
            <div class="form-group">
                <label for="brokerdemail">Broker Email</label>
                <input type="email" class="form-control" name="brokerdemail" id="brokerdemail" required>
            </div>
            <div class="form-group">
                <label for="brokerfacebook">Facebook Link</label>
                <input type="url" class="form-control" name="brokerfacebook" id="brokerfacebook">
            </div>
            <div class="form-group">
                <label for="brokertwitter">Twitter Link</label>
                <input type="url" class="form-control" name="brokertwitter" id="brokertwitter">
            </div>
            <div class="form-group">
                <label for="brokerinstagramp">Instagram Link</label>
                <input type="url" class="form-control" name="brokerinstagramp" id="brokerinstagramp">
            </div>
            <div class="form-group">
                <label for="brokerpinterest">Pinterest Link</label>
                <input type="url" class="form-control" name="brokerpinterest" id="brokerpinterest">
            </div>
            <button type="submit" class="btn btn-primary">Submit</button>
        </form>
    </div>
@endsection