@extends('master.app')
@section('title', 'customer')
@section('body')
    <main class="app-content">
        <div class="card">
            <div class="card-header">
                <h4>Create</h4>
                @foreach ($errors->all() as $error)
                    <div class="alert alert-danger">
                        {{ $error }}
                    </div>
                @endforeach
            </div>
            <div class="card-body">
                <form action="{{ route('projects.store') }}" method="post">
                    @method('POST')
                    @csrf
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-outline">
                                <input type="text" required id="name" name="name" value="{{ old('name') }}"
                                    class="form-control" />
                                <label class="form-label" for="name"> name</label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <select id="donner_id" name="donner_id" required class="select2 form-control" autofocus
                                    style="width: 100%;">
                                    <option value="">Choose Donners</option>
                                    @foreach ($donners as $row)
                                        <option value="{{ $row->id }}">{{ $row->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <!-- Text input -->
                        <div class="col-md-4">
                            <div class="form-outline  ">
                                <input type="date" id="s_date" name="s_date" required value="{{ old('s_date') }}"
                                    class="form-control" />
                                <label class="form-label" for="s_date">Start Date</label>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <!-- Text input -->
                            <div class="form-outline  ">
                                <input type="date" id="e_date" name="e_date" required value="{{ old('e_date') }}"
                                    class="form-control" />
                                <label class="form-label" for="e_date">End Date</label>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <!-- Text input -->
                            <div class="form-outline  ">
                                <input type="date" id="deadline" name="deadline" required value="{{ old('deadline') }}"
                                    class="form-control" />
                                <label class="form-label" for="deadline">Deadline</label>
                            </div>
                        </div>
                    </div>
                    <div class="row mt-2">
                        <!-- Text input -->
                        <div class="col-md-6">
                            <div class="form-outline  ">
                                <input type="text" id="code" name="code" required value="{{ old('code') }}"
                                    class="form-control" />
                                <label class="form-label" for="code">Code</label>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <!-- Text input -->
                            <div class="form-outline  ">
                                <input type="text" id="location" name="location" required value="{{ old('location') }}"
                                    class="form-control" />
                                <label class="form-label" for="location">Location</label>
                            </div>
                        </div>
                    </div>
                    <div class="row mt-2">
                        <!-- Text input -->
                        <div class="col-md-4">
                            <div class="form-outline  ">
                                <input type="text" id="approved_budget" name="approved_budget" required value="{{ old('phone') }}"
                                    class="form-control" />
                                <label class="form-label" for="phone">Approved Budget</label>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <!-- Text input -->
                            <div class="form-outline  ">
                                <input type="text" id="estimation_budget" name="estimation_budget" required value="{{ old('estimation_budget') }}"
                                    class="form-control" />
                                <label class="form-label" for="estimation_budget">Estimation Budget</label>
                            </div>
                        </div>
                        <div class="col-md-4 ">
                            <div class="form-group">
                                <select id="currency_id" name="currency_id" required class="select2 form-control" autofocus
                                    style="width: 100%;">
                                    <option value="">Currency</option>
                                    @foreach ($currency as $row)
                                    <option value="{{ $row->id }}">{{ $row->title_en }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        
                    </div>
                    <div class="row ">
                        <div class="col-md-4 ">
                            <div class="form-group">
                                <select id="status" name="status" required class="select2 form-control" autofocus
                                    style="width: 100%;">
                                    <option value="">Status</option>
                                    <option value="1">Active</option>
                                    <option value="2">Complete</option>
                                    <option value="3">De-Active</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4 ">
                            <div class="form-group">
                                <select id="type_id" name="type_id" required class="select2 form-control" autofocus
                                    style="width: 100%;">
                                    <option value="">Types</option>
                                    <option value="1">Foods</option>
                                    <option value="2">Water</option>
                                    <option value="3">Education</option>
                                    <option value="4">Contraction</option>
                                    <option value="5">Helth</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4 ">
                            <div class="form-group">
                              <input type="file" class="form-control" name="attachment" id="attachment">
                            </div>
                        </div>
                        <div class="col-md-12 ">
                            <div class="form-outline">
                                <textarea name="details" id="details" cols="30" rows="4" class="form-control"></textarea>
                                <label class="form-label" for="form3Examplev2">Details</label>
                            </div>
                        </div>
                        <div class="col-md-2 mt-2">
                            <button class="btn btn-sm btn-primary btn-rounded">Save</button>
                        </div>

                    </div>
                   


            </div>
            <!-- Submit button -->
            </form>
        </div>
        </div>
    </main>
@endsection


@section('pageJs')
    <script type="text/javascript">
        $(".app-menu").removeClass("active");
        $("#nav_projecti").addClass("active");
        $("#projecti").addClass("is-expanded");
        $("#projects_add").addClass("active");
        $("#type_id").change(function() {
            if ($(this).val() == 2) {
                $("#in_email").show();
                $("#in_password").show();
            } else {
                $("#in_email").hide();
                $("#in_password").hide();
            }
        });
    </script>
@endsection